angulaire.js - contrôle redimensionnable angulairejs
巴扎黑
巴扎黑 2017-05-15 16:51:35
0
2
679

Comment mettre en œuvre ce genre de contrôle ? Cela semble très compliqué de l'écrire soi-même, et on trouve très peu d'informations sur Internet.
Il est nécessaire que lorsque p change de taille, il puisse être lié à l'objet $scope.styles d'un contrôleur dans angulairejs. L'objet styles a cinq propriétés : largeur, hauteur, gauche, haut et rotation.

巴扎黑
巴扎黑

répondre à tous(2)
迷茫

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.

我想大声告诉你

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.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal