Haben SVGs eine inhärente px-Größe?


9

Ich speichere einige Bilder aus meiner Illustrator-Datei als SVGs, um sie als Hintergrundbilder für eine Website zu verwenden. Ich weiß, dass Sie die Bildgröße in px festlegen können, aber ist in der Datei eine inhärente px-Größe festgelegt?

Antworten:


4

Öffnen Sie Ihre SVG-Datei in einem Texteditor und überzeugen Sie sich selbst!

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="60px" height="60px" viewBox="0 0 60 60" enable-background="new 0 0 60 60" xml:space="preserve">
<line fill="none" stroke="#FFFFFF" stroke-width="12" x1="1.1" y1="1.2" x2="58.8" y2="58.8"/>
</svg>

Relevante Eigenschaften finden Sie im SVG-Tag:


6

Ja.

Wenn Sie eine SVG-Datei in Illustrator speichern, die Größe ändern, eine andere SVG-Datei speichern und beide in HTML ausgeben, werden sie in unterschiedlichen Größen angezeigt, je nachdem, wie groß Sie sie gespeichert haben.

Das Festlegen dieser Werte sollte in der Zeichenfläche einfach genug sein, aber ich habe immer nur eine CSS-Eigenschaft festgelegt (funktioniert natürlich nur im Web).

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.