Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

105 Dari program sederhana yang dijadikan contoh terdapat dua cara untuk menampilkan elemen pada svg yaitu menggunakan viewport yang berguna untuk mengontrol ukuran dari jendala untuk menampilkan elemen svg dan yang kedua adalah dengan viewBox yang berguna untuk membatasan jangakawan dari svg yang kita lihat. Kedua model ini hampir mirip dengan cara kerja google map yang bisa memperbesar wilayah tertentu. Pada contoh, kita menyamakan untuk setingan viewport dan viewBox yaitu hampir sama dengan HTML5 Canvas yang mana berada pada titik (0,0) yang berada pada titik kiri atas. Berikut model ilustrasi dari penggambaran koordinat svg. Gambar 35. Ilustrasi koordinat pada SVG Referensi image : screenshot laptop sendiri (modifikasi Beginning SVG)

RkJQdWJsaXNoZXIy MTM3NDc5MQ==