SVG/Skalowanie

< SVG

jednostkiEdytuj

identyfikatory jednostek wartości numerycznych

  • em
  • ex
  • px = piksele
  • pt
  • pc
  • cm = centymetry
  • mm = milimetry
  • in (inches = cale)
  • % (percentages = procenty)

Wartości bez identyfikatora są w wartościach użytkownika ( zwykle pixele)

współrzędneEdytuj

Współrzędne[1]

  • jednostki
  • początek( ang. origin)
  • skalowanie[2][3]

viewportEdytuj

  <!-- the viewport will be 800px by 600px -->
  <svg width="800" height="600">
  <!-- SVG content drawn onto the SVG canvas -->
  </svg>

viewBoxEdytuj

Syntax:[4]

 viewBox = <min-x> <min-y> <width> <height>


Przykład:

  <!-- The viewbox in this example is equal to the viewport, but it can be different -->
  <svg width="800" height="600" viewbox="0 0 800 600">
   <!-- SVG content drawn onto the SVG canvas -->
  </svg>

ŹródłaEdytuj

  1. w3.org : svg coords
  2. scale-svg by AMELIA BELLAMY-ROYDS ON JANUARY 6, 2015
  3. stackoverflow question: how-can-i-make-an-svg-scale-with-its-parent-container
  4. svg-coordinate-systems by sara soueidan