IE10 ernte SVG anstelle der Größenanpassung

Question

Ich löste das Problem, wo IE10 würde nur ein Bild Größe ändern, wenn mit CSS gestylt, jetzt IE10 ist ein SVG beschneiden, anstatt die Größe zu ändern. Kein anderes Browser hat dieses Problem.

Ich habe alle verschiedenen Kombinationen von nur Höhe oder Breite deklariert versucht, während die andere Dimension auf Auto und nicht einstellen oder beide einstellen. Ich habe auch preserveAspectRatio="none" auf dem Img-Tag versucht.

Answer 1

Es stellt sich heraus, IE ist der einzige Browser, der die viewBox gesetzt werden muss, um eine Svg skalieren. Ich habe ein kostenloses Programm namens inkscape verwendet, um meine Svg zu erstellen, und es stellt die Viewbox nicht ein. Öffnen Sie die svg mit einem Texteditor und fügen Sie diese in die <svg... Erklärung:

viewBox="0 0 64 64" 

Statt 64 Geben Sie, was auch immer die x- und y Ihre rechte untere Ecke für die Größe des Original svg sein sollten. Nicht sicher Wetter, IE10 oder inkscape ...

zu tadeln

Update: Sie können auf Inkscape 0,91 aktualisieren und das Viewbox-Attribut wird automatisch hinzugefügt.