SVG ToolsLesson 183Preview gratis
SVG Placeholder Generator
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
SVG Placeholder Generator membuat gambar placeholder berukuran tertentu dengan latar dan teks, misalnya 400 x 200 piksel bertuliskan Preview. Karena berbentuk SVG, placeholder tetap tajam di layar retina dan ukurannya sangat kecil. Placeholder berguna selama desain atau pengembangan sebelum gambar asli tersedia.
Poin kunci
- Tentukan width, height, dan viewBox
- Teks dapat diposisikan di tengah dengan text-anchor dan dominant-baseline
- SVG bersifat vektor sehingga tidak pecah saat diperbesar
- Placeholder bukan pengganti gambar akhir
- Sertakan teks alternatif saat dipakai sebagai gambar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.