Tutorial ng SVG

SVG ang rekomendasyon ng kurso:

SVG ang tinutukoy ay Scalable Vector Graphics (Scalable Vector Graphics). XML ang pagkakakilala ng graphic na nakabase sa vector

ang mga halimbawa sa bawat kabanata

Gumamit ng aming "subukan ito ng sarili" editor, puwedeng i-edit mo ang SVG, at pagkatapos i-click ang pindutan para makita ang resulta.

Examples ng SVG

<html>
<body>
<h1>Ang aking unang SVG</h1>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>

subukan ito ng sarili

ang dapat magkaroon ng batayang kaalaman

Bago magpatuloy sa pag-aaral, dapat kang mayroon ng ilang pangunahing kaalaman sa mga sumusunod:

  • HTML
  • ang batayang XML

Kung gusto mong unawain muna ang mga ito, bisitahin mo ang mga tutorial na mayroon sa aming homepage.

ano ang SVG？

  • SVG ang tinutukoy ay Scalable Vector Graphics
  • SVG ginagamit para sa pagkakakilala ng web graphic na nakabase sa vector
  • SVG ang pagkakakilala ng graphic sa format ng XML
  • SVG bawat elemento at bawat katangian sa file ay maaaring itakda ng animasyon
  • SVG ito ay W3C na rekomendadong standard
  • SVG ang pagkakakonekta ng ibang standard ng W3C, tulad ng DOM at XSL

SVG ito ay W3C na rekomendadong standard

SVG 1.0 ay naging W3C na rekomendadong standard noong Setyembre 4, 2001.

SVG 1.1 ay naging W3C na rekomendadong standard noong Enero 14, 2003.

SVG 1.1 (ika-dalawang bersyon) ay naging W3C na rekomendadong standard noong Agosto 16, 2011.

SVG ang kapaki-pakinabang

katulad ng ibang format ng imahe (tulad ng JPEG at GIF), ang paggamit ng SVG ang katangian nito ay:

  • SVG ang ima ay maaaring gawin at i-edit gamit ang anumang text editor
  • SVG ang ima ay maaaring hanapin, index, script at kompresihin
  • SVG ang ima ay maaaring pinalawak
  • SVG ang ima ay maaaring magprint ng mataas na kalidad kahit anong resolyusyon
  • SVG ang ima ay maaaring dinagdagan
  • SVG ang graphic ay walang pagkawala ng kalidad kapag dinagdagan o ayusin ang laki
  • SVG ito ay isang bukas na standard
  • SVG ang file ay purong XML

gumawa SVG ang ima

SVG Ang ima ay maaaring gawin gamit ang anumang text editor, ngunit ginagamit ang programang ginuhit (halimbawa InkscapeLumikha ng SVG image ay mas madali.