Pages

Search

Menampilkan citra digital dengan SVG

04 February 2012

SVG merupakan singkatan dari Scalable Vector Graphics. SVG digunakan untuk grafik 2 dimensi dan didefinisikan dalam format XML. Salah satu kelebihan SVG adalah kualitasnya tidak akan berkurang apabila ditampilkan dalam berbagai resolusi. Selain itu dapat juga dianimasikan. Berikut ini adalah source code untuk menampilkan citra digital dengan format JPEG ke dalam format SVG :

<?xml version="1.0"?>
<!DOCTYPE html>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200px" height="150px">
  <image x="0" y="0" width="200" height="150" xlink:href="lopi0003.jpg" />
</svg>

Untuk menampilkan source code di atas bisa mencopykannya di notepad dan save as file dengan format *.svg atau *.html dan jangan lupa untuk mengganti source citra (xlink:href="lopi0003.jpg") dengan lokasi dari citra yang ada di komputer anda. Untuk menjalankan bisa di buka dengan web browser yang anda miliki. Gambar di bawah ini adalah citra yang ditampilkan dengan SVG. Silahkan dicoba sendiri:D!

No comments:

Post a Comment

 

Link Exchange

Molotuspi Studio