SVG adalah singkatan dari grafik vektor yang dapat diskalakan, yang berarti grafik vektor yang dapat diskalakan. Pada tahun 1998, World Wide Web Alliance mendirikan kelompok kerja untuk mengembangkan teknologi yang mengekspresikan grafik vektor melalui XML - SVG! Karena SVG juga merupakan file XML, SVG juga mewarisi keunggulan keterbukaan, portabilitas, dan interaktivitas XML. Artikel ini memperkenalkan SVG di HTML5. Jika Anda membutuhkannya, silakan merujuk ke latar belakang SVG.
SVG adalah singkatan dari grafik vektor yang dapat diskalakan, yang berarti grafik vektor yang dapat diskalakan. Pada tahun 1998, World Wide Web Alliance mendirikan kelompok kerja untuk mengembangkan teknologi yang mengekspresikan grafik vektor melalui XML - SVG! Karena SVG juga merupakan file XML, SVG juga mewarisi keunggulan keterbukaan, portabilitas, dan interaktivitas XML. Saat ini, hampir semua browser utama mendukung SVG, dan Anda bisa mendapatkan lebih banyak informasi kompatibilitas dari sini, termasuk:
Gunakan elemen <sembed> atau <Peject> untuk menampilkan grafik SVG dasar;
Gunakan <MMG> untuk menampilkan grafik SVG;
Terapkan grafik SVG sebagai gambar latar belakang CSS;
Gunakan tag <svg> secara langsung dalam dokumen HTML (memerlukan dukungan HTML5);
Gunakan transformasi SVG, filter, dan efek khusus lainnya untuk elemen HTML yang menggunakan CSS atau elemen objek eksternal;
Gunakan efek seperti photoshop pada objek SVG, termasuk pemrosesan blur dan warna;
Gunakan animasi untuk gambar SVG;
Gunakan font SVG;
* SVG
* Konten Dasar
* SVG tidak eksklusif untuk HTML5
* Html5 menyediakan konten tentang SVG asli
* Sebelum html5 muncul, ada konten SVG
* Svg, cukup masukkan sebagai vektor
* File SVG memiliki ekstensi .svg
* SVG menggunakan sintaks xml
* Konsep
* SVG adalah bahasa yang menggunakan teknologi XML untuk menggambarkan grafik dua dimensi
* Fitur SVG
* Grafik gambar SVG dapat ditangkap oleh mesin pencari
* SVG diperbesar saat kualitas gambar tidak berkurang
* Perbedaan antara SVG dan kanvas
* SVG
* Tidak ada ketergantungan resolusi
* Dukungan mengikat acara
* Program untuk area rendering besar (seperti peta Baidu)
* Tidak dapat digunakan untuk mengimplementasikan game web
* Kanvas
* Tergantung resolusi
* Ikatan acara tidak didukung
* Game web yang paling cocok
* Simpan sebagai gambar format .jpg
* Tujuan
* Beberapa ikon kecil di halaman web
* Efek dinamis pada halaman web (efek animasi)
* Menggunakan SVG di HTML5
* Gunakan elemen <svg> </svg>
* Fungsi - Mirip dengan elemen <Canvas>
* Ukuran default adalah 300px* 150px
* Gunakan gaya CSS
* Gunakan SVG untuk menggambar grafik, Anda harus menentukan elemen <svg>.
* Gambar grafik
* Elemen persegi panjang
Salin kode