var p = angular.element(document.querySelector('#p'))
console.debug(p[0].offsetHeight）
You can get the complete data of the element, for example
offsetHeight: 74
offsetLeft: 281
offsetParent: body
offsetTop: 698
offsetWidth: 834,
It should be possible to monitor modifications in the directive.
Later I studied the resizable plug-in in jqueryui, which can basically realize this function, but there are flaws. If no control point is selected, the deformation of the entire p frame is based on the upper left corner as the reference point, and the deformation is not very user-friendly.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Passed
You can get the complete data of the element, for example
offsetHeight: 74
offsetLeft: 281
offsetParent: body
offsetTop: 698
offsetWidth: 834,
It should be possible to monitor modifications in the directive.
Later I studied the resizable plug-in in jqueryui, which can basically realize this function, but there are flaws. If no control point is selected, the deformation of the entire p frame is based on the upper left corner as the reference point, and the deformation is not very user-friendly.