how to make <svg> 100% Breite

Ich versuche, diesen <svg> element Strecken zu 100% der Bildschirm Breite:

  <svg height="100" width="100">
   <path d="M0 0 L100 0 L50 100 Z" />
  </svg>

Was muss ich tun?

InformationsquelleAutor Marek | 2015-08-15
  1. 20

    Die viewBox definiert die Koordinaten, die Sie sehen können. Höhe und Breite definieren die Größe der SVG-Datei. E. g.

    CSS:

    html, body {
  width: 100%;
  height: 100%;
}

    HTML:

    <svg height="100%" width="100%" viewBox="0 0 100 100"  preserveAspectRatio="none">
   <path d="M0 0 L100 0 L50 100 Z" />
</svg>

    InformationsquelleAutor Robert Longson
Schreibe einen Kommentar