angular.js - angularjs resizable控件

Question

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

Answer 1

Réussi

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

peut obtenir les données complètes de l'élément, telles que
offsetHauteur : 74
décalageGauche : 281
offsetParent : corps
décalageHaut : 698
offsetWidth : 834,
Il devrait être possible de suivre les modifications apportées à la directive.

Answer 2

Plus tard, j'ai étudié le plug-in redimensionnable dans jqueryui, qui peut essentiellement réaliser cette fonction, mais il y a des défauts si aucun point de contrôle n'est sélectionné, la déformation de l'ensemble du cadre p est basée sur le coin supérieur gauche comme coin. point de référence, et la déformation n’est pas très conviviale.