Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

141 <image> yang digunakan untuk menampilkan gambar. Ukuran yang digunakan untuk menampilkan gambar adalah 148 untuk lebar dan 148 untuk tinggi. Kemudian gambar tersebut akan muncul dimulai dari titik (1,1). Selanjunya kita akan memanggil gambar yang sudah disediakan dengan menggunakan tag href="laptopmee.png". Perlu diingat gambar yang dipanggil pada contoh program ini berada pada tempat penyimpanan yang sama dengan code html svg ini. Pada program ini kita akan coba membuat tulisan diatas gambar yang sudah ditampilkan dengan menggunakan code <text x="2" y="45" font-family="Verdana" font-size="27" stroke="#ffffff" fill = "#CC46BF"> My Laptop </text>. Pada code ini kita akan menampilkan sebuah text dengan nama “My Laptop”. Text ini kita mulai tulis pada titik (2,45) dengan model font Verdana. Ukuran dari tulisan yang akan ditampilkan adalah 27 dengan garis pinggir tulisan berwana putih dan fill nya berwana ungu. Berikut ini hasil dari output program dimana pada window terlihat kotak dengan warna hijau sebagai latar dan gambar laptop yang kita tampilkan beserta tulisan My Laptop berada di bagian atas dari gambar. Silahkan cobakan dan modifikasi lagi program ini untuk menambah pemahaman anda.

RkJQdWJsaXNoZXIy MTM3NDc5MQ==