Beim Verschieben einer SVG Linie mit Marker im Internet Explorer 10 wird der Marker nicht mit verschoben

Problem

Über JavaScript wird eine SVG Linie mit Marker per Änderung der Attribute für x1 und y1 oder x2 und y2 verschoben. In allen Browsern funktioniert es, nur im Internet Explorer 10 wird der definierte Marker der Linie (marker-start, marker-mid oder marker-end) jedoch nicht mit verschoben und bleibt auf der ursprünglichen Stelle stehen.

Lösung

Dies ist ein Bug des Internet Explorer 10. Indem die Linie einfach erneut vor sich selbst eingefügt bzw. verschoben wird, kann dieser Bug umgangen werden:

if (navigator.appVersion.indexOf("MSIE 10") != -1)
{
    svgNode.parentNode.insertBefore(svgNode, svgNode);
}

Die Variable svgNode ist das Node Objekt der Linie.

Beispiel

Hier das Beispiel ohne Bugfix: jsFiddle

Und hier das Beispiel mit Bugfix: jsFiddle

Bewertung

War diese Information für dich hilfreich?

Bitte stimme unten ab.

Ja

0

Nein

0

Teilweise

0

Es wurden seit Erstellung der Umfrage am 02:37, 13. Nov. 2017 0 Stimmen abgegeben.

poll-id D41D8CD98F00B204E9800998ECF8427E