Feature-Erkennung des SVG-Richtungsattributs

Question

MS Edge hat this bug. Ich scheint das Attribut direction in SVG zu ignorieren, so dass die Einstellung auf "rtl" das gleiche Ergebnis liefert wie bei "ltr" (siehe Beispiel im Fehlerfall). Die anderen großen Browser scheinen es richtig zu unterstützen.

Wie kann ich Feature-Erkennung von diesem in Javascript tun? Ich habe versucht:

var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); 
var supported = svg.style.direction !== undefined; 

Aber supported kehrt in Rande wahr, obwohl es eindeutig nicht der Fall ist.

Jeder Vorschlag zur Erkennung ist direction in SVG funktioniert gut?

Answer 1

Sie könnten ein Textobjekt erstellen, das Text von rechts nach links enthält. Dann ermitteln Sie die Dimensionen dieses Textes und sehen Sie, ob er sich in die entsprechende Richtung erstreckt.

Etwas wie:

var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); 
 
var text = document.createElementNS("http://www.w3.org/2000/svg", "text"); 
 
text.setAttribute("direction", "rtl"); 
 
text.textContent="X"; 
 
svg.appendChild(text); 
 
document.body.appendChild(svg); 
 
var supported = text.getBBox().x < 0; 
 
console.log("supported="+supported);

Dies gibt true in Chrome und Firefox, und false in IE11 und Kante stricken.

Sie müssen jedoch das SVG an eine Seite anhängen. Hoffentlich ist das kein Problem für dich.