angular.js - angularjs resizable控件
巴扎黑
巴扎黑 2017-05-15 16:51:35
0
2
638

這種控制是怎麼實現的,自己寫似乎很複雜,在網路上找到的資料又很少。
要求,p改變大小的時候可以綁定到angularjs一個控制器的$scope.styles物件裡,styles物件有width,height,left,top,rotate五個屬性。

巴扎黑
巴扎黑

全部回覆(2)
迷茫

通過

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

可以獲得該元素的完整數據,例如
offsetHeight: 74
offsetLeft: 281
offsetParent: body
offsetTop: 698
offsetWidth: 834,
在directive中監聽修改,應該是可以的。

我想大声告诉你

後來研究了下jqueryui裡resizable插件,基本上可以實現這個功能,但存在缺陷,如沒有選擇哪個控點,整個p框的變形是以左上角為基準點的,變形起來不是很人性化。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板