Seminár programovania v sietach


SVG • Android

SVG a HTML


Je viac spôsobov ako vložiť SVGčko do web stánky. Slúžia nato tagy <embed>, <object>, <iframe>, <svg>.
Každý z nich je podporovaný modernými internetovými prehliadačmi.

Tag <embed>

  • má povolené skriptovanie, ale je deprecated pre HTML4/XHTML
<embed src="rect.svg" type="image/svg+xml" />

Tag <object>

  • nepovoľuje skriptovanie
<object data="rect.svg" type="image/svg+xml"></object>

Tag <iframe>

  • vytvára rámec, v ktorom zobrazuje SVG; žiaľ nie je povolený v HTML4/XHTML so skriktným DTD
<iframe src="rect.svg"></iframe>

Tag <svg>

  • na rozdiel od ostatných spôsobov, v tomto sa vkladá SVG priamo do HTML kódu
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <rect x="50" y="20" rx="20" ry="20" width="150" height="100"
  style="fill:lime;stroke:blue;stroke-width:5;opacity:0.75"/>
</svg>

</body>
</html>

Prehliadače majú rôzne implementácie SVGčka a tým pádom vzniká problém veľkosti plochy, na ktorú sa vykresľuje. Preto v <svg> tagu je možné použiť parametre width a height určujúce veľkosť vykresľovacej plochy.