jQuery SVG-Element animieren

8
___ tag123jquery ___ jQuery ist eine beliebte Cross-Browser-JavaScript-Bibliothek, die das DOM-Traversal (Document Object Model), die Ereignisbehandlung, Animationen und AJAX-Interaktionen erleichtert, indem die Diskrepanzen zwischen Browsern minimiert werden. Eine mit jQuery gekennzeichnete Frage sollte mit jQuery in Zusammenhang stehen, daher sollte jquery von dem fraglichen Code verwendet werden, und mindestens eine jquery-nutzungsbezogene Elemente müssen in der Frage enthalten sein. ___ tag123svg ___ Scalable Vector Graphics (SVG) ist ein XML-basiertes zweidimensionales Vektorgrafikformat, das auch in HTML verwendet werden kann. Fügen Sie dieses Tag nicht hinzu, nur weil Ihr Projekt SVG verwendet. Fügen Sie stattdessen das Tag hinzu, wenn Ihre Frage entweder SVG betrifft oder eng damit verbunden ist, wie Sie etwas mit SVG erreichen können. ___ qstnhdr ___ jQuery SVG-Element animieren ___ tag123jqueryanimate ___ Bezieht sich auf die Methode animate () von jQuery. Informationen zu generischen grafischen Animationen finden Sie im Animations-Tag. ___ answer34477422 ___

Es ist möglich, ohne ein Plugin, aber es handelt sich dann um einen Trick. Das Problem ist, dass %code% keine css-Eigenschaft ist, sondern ein Attribut, und jQuery.animate animiert nur CSS-Eigenschaften. Sie können jedoch den Parameter %code% verwenden, um ein benutzerdefiniertes Verhalten für die Animation festzulegen.

%code% ist eine nicht existierende Eigenschaft, deren animierender Wert wir in der step-Funktion verwenden.

%Vor%     
___ answer13348887 ___

jQuery animate dient zum Animieren von HTML-Elementen. Für SVG müssen Sie jQuery SVG Plugin ausprobieren. Bitte folgen Sie dem Link - Ссылка

    
___ tag123jquerysvg ___ Ein jQuery-Plugin, mit dem Sie mit einem SVG-Zeichenbereich interagieren können. ___
ramesh 03.08.2012, 05:16
quelle

2 Antworten

6

jQuery animate dient zum Animieren von HTML-Elementen. Für SVG müssen Sie jQuery SVG Plugin ausprobieren. Bitte folgen Sie dem Link - Ссылка

    
Arjun Raj 12.11.2012, 17:57
quelle
9

Es ist möglich, ohne ein Plugin, aber es handelt sich dann um einen Trick. Das Problem ist, dass x keine css-Eigenschaft ist, sondern ein Attribut, und jQuery.animate animiert nur CSS-Eigenschaften. Sie können jedoch den Parameter step verwenden, um ein benutzerdefiniertes Verhalten für die Animation festzulegen.

foo ist eine nicht existierende Eigenschaft, deren animierender Wert wir in der step-Funktion verwenden.

%Vor%     
Sygmoral 27.12.2015 03:51
quelle