HTML5 Inline SVG

HTML5 yana aɗa da ɗaya SVG.

Kuma SVG naɗa ce ɗaya ɗaya?

  • SVG naɗa ce ɗaya ɗaya ke ɗaya ɗaya ɗaya (Scalable Vector Graphics)
  • SVG yana zanar gurɗe yadda ake ɗaya ce ke ɗaya
  • SVG 使用 XML 格式定义图形
  • SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
  • SVG zai iya zama mai rarraba a cikin Web Consortium

Abin da SVG ke gudanar da

Duk da cewa yana da abin da ke cikin kowane shafi da ke cikin JPEG da GIF, abin da yana da abin da ke cikin SVG shine:

  • SVG tasiri zai iya zama mai rarraba da kuma yin koyarwa da kuma yin koyarwa a cikin koyarwaron tekun daidai.
  • SVG tasiri zai iya zama mai rarraba, daidai, da kuma yin script da kuma yin kompression.
  • SVG zai iya zama mai rarraba
  • SVG tasiri zai iya zama mai rarraba a cikin kowane rarraba hanyar yawa da zai iya zama mai rarraba a cikin rarraba hanyar yawa.
  • SVG zai iya zama mai tsawo a cikin yawa kuma ba a gudanar da rarraba hanyar yawan yawa ba.

Cikin Browser

Internet Explorer 9, Firefox, Opera, Chrome kuma Safari suka amince da SVG da yake kan gaba.

Girmama SVG directly kan HTML Yanci

Arewa HTML5, za a iya girmama SVG yanki kan HTML Yanci:

Shiyya

!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>

Duba shi shi

Nata:

SVG Yarjejeniya

Don koyarwa koyarwaron SVG da suka faruwa, za a ci gaba da SVG Yarjejeniya.