Wie schafft Mike Bostock in "512 Wegen zum Weißen Haus" ordentliche Pfeilspitzen?

8

Wenn Sie sich ansehen 512 Wege zum Weißen Haus sieht man, dass die Pfeilspitzen für jeden "Pfad" auch im Internet Explorer 9 immer korrekt gerendert werden. Es ist bekannt, dass IE (bis 11) hat Probleme Rendering-Marker .

Ich habe den einfachen SVG code 1 zu 1 von kopiert Grafik in eine Geige , und dort funktioniert es nicht (getestet in IE9 + 10), der Pfeil wird gerendert ein Quadrat.

%Vor%

Ich konnte keine Hinweise in Bostocks Code finden (aber auch nicht genau hinsehen). Welche schwarze Magie benutzt er, um sie korrekt darzustellen?

    
wnstnsmth 03.12.2014, 08:51
quelle

1 Antwort

4

Dies ist eine sorgfältige Zuweisung von Fill- und Stroke-Verantwortlichkeiten zwischen mehreren kaskadierenden Klassen, die auf das Diagramm, den Pfeilbody-Pfad, das Marker-Objekt und die Pfaddefinition innerhalb des Marker-Objekts angewendet werden.

Markierungen funktionieren in IE10 +, wenn Sie einen Gruppenrahmen ohne Füllung verwenden, einen Strich im Körper, aber in der Markerpfaddefinition selbst fill = irgendwas und stroke = none verwenden. z.B.

%Vor%
    
Michael Mullany 28.05.2015 05:46
quelle

Tags und Links