SVG Transformations en JavaScript
SVG Transformations qui peut être fait à l'aide de JavaScript par les paramètres de leurs attributs correspondants setAttribute("transform", "translate(x,y)")
mais devrait également être possible, à travers pur JavaScript.
elem.transform.baseVal.getItem(0).setTranslate(x, y);
elem.transform.baseVal.getItem(0).setRotate(x, y);
Ces deux personnes devraient travailler pour la translation et la rotation, mais que diriez-vous d'inclinaison, de mise à l'échelle et de la matrice? elem.transform.baseVal.getItem(0).setMatrix()
existe, mais pour autant que je sache, il n'est pas exclut toute params et SVGCreateMatrix()
n'accepte pas de paramètres. Comment suis-je censé faire, et comme une question bonus: qu'est - getItem(0)
en fait?
OriginalL'auteur Roger | 2013-05-29
Vous devez vous connecter pour publier un commentaire.
Chaque
<svg>
élément a un createSVGMatrix méthode dom.C'est la matrice identité.
Vous pouvez ensuite manipuler ce...
ou directement...
et de l'utiliser ensuite
getItem(0) obtient le premier élément dans l'attribut transform par exemple
getItem(0)
obtient letranslate(1, 1)
de la matrice etgetItem(1)
obtient lescale(2)
matriceSi vous n'avez pas défini une transformation sur un élément puis
getItem(0)
lèvera. Vous pouvez vérifier le nombre d'éléments à l'aide denumberOfItems
et/ou ajouter un élément initial à l'aide decreateSVGTransformFromMatrix
de transformer votre matrice en une les transformer et deappendItem
pour ajouter les transformer.OriginalL'auteur Robert Longson