cloneNode() ändert Attributwert im Internetexplorer 10 und 11

Question

Wenn I cloneNode() auf ein Element mit dem Namen feGaussianBlur nennen, die das Attribut hat stdDeviation, Internetexplorer (10 und 11) setzt immer den Wert zu 1.72443e+009. Hier

ist ein Vier-Liner, der das Problem veranschaulicht: https://jsfiddle.net/kytbh4Ls/6/

Wenn Sie den Namen des Elements zu ändern, einen anderen Attributnamen verwenden oder die Geige auf einem anderen Browser (Chrome, Firefox) läuft, läuft alles wie erwartet . Die Verwendung eines anderen Attributwerts ändert nichts.

Was könnte der Grund für dieses wirklich seltsame Verhalten sein? Und kann man etwas dagegen tun?

Hier eine modifizierte Geige mit jQuery clone() statt cloneNode() leider das gleiche Ergebnis produzieren: https://jsfiddle.net/kytbh4Ls/7/

Answer 1

Dies ist ein klarer Fehler in Internet Explorer ist. Während es wahr ist, dass Internet Explorer die stdDeviation anstelle von stdDeviationX und stdDeviationY verwendet, hat die cloneNode() Funktion kein Geschäft mit den Attributen herumzuspielen. Es sollte einen Klon des Knotens zurückgeben, keinen Knoten mit geänderten Attributen.

Sie sollten dies dem Internet Explorer-Entwicklerteam melden (falls Sie Zeit dazu haben). Gegenwärtig können Sie wahrscheinlich nur eine manuelle Problemumgehung implementieren.

Answer 2

Das Problem ist, dass der IE nicht das StdDeviation Attribut nicht verwendet. Stattdessen verwendet es stdDeviationX und stdDeviationY.

diese Geige ansehen ... FIDDLE

Hier ist die Microsoft page for feGaussianBlur

var element = document.createElementNS('http://www.w3.org/2000/svg', "feGaussianBlur"); 
element.setAttribute('stdDeviationX', 5); 
element.setAttribute('stdDeviationY', 5); 

var clonedElement = element.cloneNode(); 

alert("Original:" + element.getAttribute("stdDeviationX") + ", Cloned:" + clonedElement.getAttribute("stdDeviationX"));