文章詳情頁
angular.js - angularjs resizable控件
瀏覽：246日期：2024-10-13 11:22:03
問題描述
這種控件是怎樣實現的，自己寫似乎很復雜，在網上找到的資料又很少。要求，p改變大小的時候可以綁定到angularjs一個控制器的$scope.styles對象里，styles對象有width,height,left,top,rotate五個屬性。
問題解答
回答1：通過
var p = angular.element(document.querySelector(’#p’))console.debug(p[0].offsetHeight）
可以獲得該元素的完整數據，例如offsetHeight: 74offsetLeft: 281offsetParent: bodyoffsetTop: 698offsetWidth: 834，在directive中監聽修改，應該是可以的。
回答2：后來研究了下jqueryui里resizable插件，基本可以實現這個功能，但存在缺陷，如沒有選擇哪個控點，整個p框的變形是以左上角為基準點的，變形起來不是很人性化。
相關文章：
1. javascript - 有適合開發手機端Html5網頁小游戲的前端框架嗎？2. Python中使用超長的List導致內存占用過大3. javascript - JS變量被清空4. javascript - 關于apply（）與call（）的問題5. javascript - jQuery post()方法，里面的請求串可以轉換為GBK編碼么？可以的話怎樣轉換？6. 安全性測試 - nodejs中如何防mySQL注入7. java - 在用戶不登錄的情況下，用戶如何添加保存到購物車？8. css3 - 純css實現點擊特效9. javascript - main head .intro-text{width:40%} main head{display:flex}為何無效？10. javascript - axios請求回來的數據組件無法進行綁定渲染
排行榜
網公網安備