IT CORNER #3 - HTML SVG

HTML SVG

IT CORNER RABU 8 JANUARI 2025

Halo semuanya kembali lagi dengan admin disini. Yaa di IT CORNER pada Rabu 8 Januari 2025 Kali ini kita akan belajar yaitu HTML SVG. Kemarin kita sudah membahas tentang HTML Canvas, Nahhh satu ini kita masih tetap dalam materi kreatifitas. Ada yang tau apa itu HTML SVG?, Jika belum tau kita bahas dan belajar pada blog ini.

Definisi HTML SVG :

HTML SVG atau Scalable Vector Graphics adalah format gambar digunakan untuk membuat gambar berbasis vektor dan dapat di skalakan. SVG menggunakan format piksel dalam membuat sebuah gambar, berbeda dengan HTML Canvas menggunakan gambar dengan format JPEG ataupun PNG. SVG Pertamakali hadir di bahasa pemrograman XML, lalu dikembangkan dan muncul lah SVG di HTML. Cara kerjanya SVG dengan Canvas hampir sama, akan tetapi perbedaannya pada terletak penulisannya.

Fungsi dan Manfaat SVG :

Fungsi dari HTML SVG adalah yaitu menampilkan gambar dalam format vektor atau SVG serta user dapat mengatur skala gambar vektor sepuasnya, berbeda dengan HTML Canvas yang mengandalkan JPEG dan PNG yang memiliki limit dan resiko kurang tajam. Manfaat dari SVG yaitu membuat tampilan website kalian menjadi lebih menarik, sama seperti HTML Canvas.

Berikut contoh codingan membuat jam sederhana dengan HTML SVG

Contoh Program HTML SVG :

Nahhh kalian bisa lihat sendiri contoh codingan menggunakan HTML SVG. Disini aku masih tetap membuat seperti kemarin di HTML Canvas yaitu Jam sederhana. Untuk hasil dari codingan tersebut aku cantumkan dibawah. Berikut hasil codingan tersebut.

Hasil HTML SVG :

Jika kalian ingin bertanya tentang seputar HTML Series kalian bisa tinggalkan kolom jawaban pada komentar ya!

Sekian Terimakasih!