HTML5 内联 SVG

HTML5 inaamua SVG ya kufichwa kwa sababu ya msingi

Nini ni SVG?

  • SVG ni inaonyesha vizuvi vya msingi wa vektori (Scalable Vector Graphics)
  • SVG hutumia vizuvi vya msingi wa mtaani
  • SVG inatumia mifumo wa XML kufungua picha
  • Picha ya SVG inaweza kubadilika au kubadilika kwa ukweli bila kumichuka uadilifu wa picha
  • SVG ni msingi wa Vifungu ya Wengi ya Ujenzi wa Inji

Matumizi ya SVG

Kuhusu matumizi ya SVG, kina ya matumizi ni:

  • Picha ya SVG inaweza kurejea na kurekebisha kwa kusaidia kichaji cha matendo
  • Picha ya SVG inaweza kufikiriwa, kusaidia vishati, visho au kumkompressa
  • SVG inaweza kubadilika
  • Picha ya SVG inaweza kuchapwa kwa uadilifu wa ukweli kwa kila umatokeo wa umatokeo
  • SVG inaweza kuweza kubadilika kwa ukweli bila kumichuka uadilifu wa picha

Matumizi ya Kifungu cha Kifungu

Internet Explorer 9, Firefox, Opera, Chrome na Safari huzingatia SVG ya kina.

Kuwafungua SVG katika ukurasa wa HTML

Kwenye HTML5, unaweza kuwafungua uadilifu wa SVG katika ukurasa wa HTML kwa kusaidia:

Mifano

<!DOCTYPE html>
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
  <polygon points="100,10 40,180 190,60 10,60 160,180"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>

</body>
</html>

Tenda Bila Kufikiria

Matokeo:

Mafundisho ya SVG

Kuelewa zaidi kuhusu SVG, tafuta tovuti yetu Mafundisho ya SVG.