Der SVG-Dateicode:
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="811.49" height="817.74" viewBox="0 0 811.49 817.74">
<path class="b" d="M692.4,290.2c5.4-4.2,6.8-11.9,5.3-18.6-1.3-5.6-4.2-10.5-7.3-15.2a13950769914941.89,13950769914941.89,0,0,1-1.2-2l-.6-.9" transform="translate(-199.51 -96.49)"/>
</svg>
In Chrom gerendert sieht es so aus:
und wenn es in Microsoft Edge gerendert wird, sieht es so aus:
Das Illustratorbild wurde manuell mit dem Pinselwerkzeug gezeichnet. Ich vermute, dass die exportierten SVG-Pfadkoordinaten für Microsoft Edge ungültig sind. Wie exportiert man dies also korrekt für IE und Microsoft Edge?
Ich suche nach einer Lösung, mit der unser Designer seine Illustrator-Dateien ohne Programmierer in SVG exportieren kann. Es ist offensichtlich, dass eine bestimmte Löschung das spezifische Dateiproblem lösen kann, aber ich möchte eine allgemeinere Lösung und ein Verständnis des Grundes dafür.
Versuchen Sie, 'z' am Ende des 'd'-Befehls hinzuzufügen:
<path d="... z" />
Der Z-Befehl schließt einen Pfad.
Friedenswächter
Kerl L.