suchen

Heim  >  Fragen und Antworten  >  Hauptteil

angular.js - angularjs resizable控件

这种控件是怎样实现的,自己写似乎很复杂,在网上找到的资料又很少。
要求,p改变大小的时候可以绑定到angularjs一个控制器的$scope.styles对象里,styles对象有width,height,left,top,rotate五个属性。

巴扎黑巴扎黑2739 Tage vor642

Antworte allen(2)Ich werde antworten

  • 迷茫

    迷茫2017-05-15 16:53:35

    通过

    var p = angular.element(document.querySelector('#p'))
    console.debug(p[0].offsetHeight)
    
    

    可以获得该元素的完整数据,例如
    offsetHeight: 74
    offsetLeft: 281
    offsetParent: body
    offsetTop: 698
    offsetWidth: 834,
    在directive中监听修改,应该是可以的。

    Antwort
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-15 16:53:35

    后来研究了下jqueryui里resizable插件,基本可以实现这个功能,但存在缺陷,如没有选择哪个控点,整个p框的变形是以左上角为基准点的,变形起来不是很人性化。

    Antwort
    0
  • StornierenAntwort