Wie verschiebe ich SVGs Position in D3?

8

Ich habe eine SVG mit D3 erstellt. Es wird jedoch nur auf der linken oberen Ecke des Bildschirms angezeigt oder an eine andere SVG angehängt. Kann ich es trotzdem mit JavaScript bewegen? Zum Beispiel:

%Vor%     
Photunix 30.01.2015, 08:57
quelle

3 Antworten

8

Verwenden von d3js + Jquery:

%Vor%

Oder

%Vor%

Live-Demo

    
Hugolpz 30.01.2015, 11:33
quelle
5

Anstatt SVG an den Körper anzuhängen, hängt es an ein HTML-Element wie <div> an und fügt Stil hinzu.

Javascript:

%Vor%

HTML: füge dies deinem Body-Tag hinzu.

%Vor%

Wenn Sie Svg mithilfe von JavaScript ausrichten möchten, entfernen Sie das align -Attribut im obigen <div> -Tag und fügen Sie in Ihrem Javascript Folgendes hinzu:

%Vor%

Alternativ können Sie auch mit D3 arbeiten.

%Vor%     
chaitanya89 30.01.2015 09:34
quelle
1

Bevor Sie ein beliebiges SVG-Objekt anhängen müssen, um den Übergang auf der Leinwand anzuwenden.

Das Tutorial Schritt-für-Schritt zeigt Ihnen in der Praxis jede Eigenschaft der Methode Transition von D3js.

Ссылка

Viel Spaß!

    
Fernando Santucci 30.01.2015 09:25
quelle

Tags und Links