Post date: Jan 08, 2011 12:50:16 PM
SVG (Scalable Vector Graphics), eshte nje gjuhe grafike dydimensionaleqe interpretohet nga browseri.
Disa nga browserat si Google Chrome, IE9 beta etj e interpretojne direktkodin SVG pa patur nevoje per plugin.
Kjo mundeson te dergojme ne browser kod grafik si etjdhe browserita renderoje ate ne imazhe.Me sa duket kodi SVG mund te gjenerohet nga gjuhe skriptimi ne server,bazuar ne llogjiken e aplikimit, ne menyre dinamike.
Per me teper SVG ka funksionalitete te pasura per terealizuar animimin.Shikoni shembullin me poshte per te krijuar nje ide mbi potencialin e SVG.
http://ictedu.info/examples/shembull.php
Hapeni linkun me Google Chrome. Me pas klikoni mbi faqen me te djathten dhe zgjidhni View Page Sourceper te pare kodin.
Kodi i faqes PHP qe gjeneron SVG eshte paraqitur me poshte:
<?php
header("Content-type: image/svg+xml");
echo '<?xml version="1.0" standalone="no"?>';
echo '<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">';
echo
'<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="300px" height="300px">';
echo "
<title>Small SVG example</title>
<circle cx='120' cy='150' r='60' style='fill: gold;'>
<animate attributeName='r' from='2' to='80' begin='0'
dur='3' repeatCount='indefinite' /></circle>
<polyline points='120 30, 25 150, 290 150'
stroke-width='4' stroke='brown' style='fill: none;' />
<polygon points='210 100, 210 200, 270 150'
style='fill: lawngreen;' />
<text x='60' y='250' fill='blue'>Hello, World!</text>
</svg> ";
?>