Ich spiele zum ersten Mal mit Svg. Spät zur Party vielleicht aber oh gut.
Ich möchte einige dumme Animationen in meiner Svg machen, aber ich habe einige Probleme
Hier ist ein Ausschnitt meines Codes: Ссылка
%Vor%Grundlegend habe ich ein SVG-Logo (einfacher Text)
Ich habe jedem Pfad eine Klasse gegeben und einige wenige Pfade minimal gestylt.
Ich hätte gerne die Möglichkeit, einige der Pfade absolut zu positionieren.
ist das möglich?
Danke
Pfade haben keine x / y Attribute oder Stile wie Sie entdeckt haben.
Sie könnten ein transform="translate(x, y)" -Attribut hinzufügen, wobei x, y Gleitkommazahlen oder vielleicht eine CSS-Transformationseigenschaft sind, obwohl ich nicht sicher bin, wie viel Unterstützung es für CSS-Transformationen auf SVG-Elementen gibt.
Wirklich die Antwort ist nein, du kannst nicht. Pfade basieren auf ihrer Position in der Ansicht, in diesem Sinne sind sie ALLE absolut positioniert. Meine ehrliche Empfehlung an Sie ist, nicht so viel mit SVG-Code zu verwirren, es ist komplex und nicht sehr menschlich lesbar. Es ist viel einfacher, ein Werkzeug wie InkScape zu verwenden, um die Pfade zu verschieben. Auf diese Weise können Sie sie alle so positionieren, wie Sie es möchten, und sie dann in einem HTML-Dokument verwenden, wie Sie es wünschen.
Um die Animationen zu sehen, über die Sie sprechen, sollten Sie auf JavaScript achten. Es gibt mehrere Bibliotheken für genau solche Zwecke. Raphael ist einer.