Scalable Vector Graphics (SVG) adalah format grafis vektor dua dimensi berbasis XML yang juga dapat digunakan dalam HTML. Jangan tambahkan tag ini hanya karena proyek Anda menggunakan SVG. Alih-alih, tambahkan tag jika pertanyaan Anda tentang SVG, atau terkait erat dengannya, seperti bagaimana mencapai sesuatu dengan SVG.
Haruskah saya menggunakan <img>,, <object>atau <embed>untuk memuat file SVG ke halaman dengan cara yang mirip dengan memuat jpg, gifatau png? Apa kode untuk masing-masing untuk memastikan itu berfungsi sebaik mungkin? (Saya melihat referensi untuk memasukkan mimetype atau...
Kapan jenis file gambar tertentu harus digunakan saat membangun situs web atau antarmuka, dll? Apa poin kekuatan dan kelemahan mereka? Saya tahu bahwa PNG & GIF adalah lossless, sementara JPEG adalah lossy. Tapi apa perbedaan utama antara PNG & GIF? Mengapa saya lebih suka yang satu...
Apa pendekatan terbaik untuk membuat elemen dengan cepat dan mampu memindahkannya? Sebagai contoh, katakanlah saya ingin membuat persegi panjang, lingkaran, dan poligon, lalu pilih objek-objek itu dan pindahkan. Saya mengerti bahwa HTML5 menyediakan tiga elemen yang memungkinkan ini: svg , canvas...
Lihat yang lainnya Stack Overflow на русском Ini adalah tanya jawab diri sendiri atas sepotong kode praktis yang saya buat. Saat ini, tidak ada cara mudah untuk menanamkan gambar SVG dan kemudian memiliki akses ke elemen SVG melalui CSS. Ada berbagai metode menggunakan...
Apakah mungkin untuk mengatur tingkat transparansi atau alfa pada warna pengisian SVG? Saya sudah mencoba menambahkan dua nilai ke tag isian (mengubahnya dari fill="#044B94"menjadi fill="#044B9466"), tetapi ini tidak
Saya memiliki file SVG yang memiliki ukuran 16x16. Ketika saya menggunakan program konversi ImageMagick untuk mengubahnya menjadi PNG, maka saya mendapatkan PNG 16x16 piksel yang terlalu kecil: convert test.svg test.png Saya perlu menentukan ukuran piksel dari keluaran PNG. -sizeparameter...
Apakah mungkin untuk mengatur drop shadow untuk elemen svg menggunakan css3, sesuatu seperti box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Saya melihat beberapa komentar tentang membuat bayangan menggunakan efek filter. Apakah ada contoh menggunakan css saja. Di bawah...
Apple iPad Mini adalah tiruan yang lebih kecil dari iPad 2 dengan lebih banyak cara daripada yang kita inginkan. Dalam JavaScript, window.navigatorobjek memperlihatkan nilai yang sama untuk Mini dan iPad 2. Tes saya sejauh ini untuk mendeteksi perbedaannya tidak mengarah pada kesuksesan. Mengapa...
html <img src="logo.svg" alt="Logo" class="logo-img"> css .logo-img path { fill: #000; } Svg di atas memuat dan secara asli fill: #ffftetapi ketika saya menggunakan di atas cssuntuk mencoba mengubahnya menjadi hitam itu tidak berubah, ini adalah pertama kalinya saya bermain dengan SVG...
Saya ingin menggunakan teknik ini http://css-tricks.com/svg-fallbacks/ dan mengubah warna svg tapi sejauh ini saya belum bisa melakukannya. Saya meletakkan ini di css tetapi gambar saya selalu hitam, tidak peduli apa. Kode saya: .change-my-color { fill: green; } <svg> <image...
Saya ingin mengubah SVG menjadi gambar bitmap (seperti JPEG, PNG, dll.) Melalui
Saya menggunakan jQuery SVG. Saya tidak bisa menambah atau menghapus kelas ke objek. Adakah yang tahu kesalahan saya? SVG: <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> JQuery yang tidak akan menambah kelas: $(".jimmy").click(function() {
Apakah mungkin untuk menggunakan definisi SVG sebaris di CSS? Maksud saya sesuatu seperti: .my-class { background-image:
Menempatkan output SVG secara langsung sejajar dengan kode halaman saya dapat dengan mudah memodifikasi warna isi dengan CSS seperti: polygon.mystar { fill: blue; } circle.mycircle { fill: green; } Ini berfungsi dengan baik, namun saya sedang mencari cara untuk memodifikasi atribut "isi" dari...
Ditutup . Pertanyaan ini perlu lebih fokus . Saat ini tidak menerima jawaban. Ditutup 4 tahun yang lalu . Terkunci . Pertanyaan ini dan jawabannya dikunci karena pertanyaannya di luar topik tetapi memiliki signifikansi historis. Saat ini tidak menerima...
Saya memiliki SVG yang saya coba pusatkan di div. Div memiliki lebar atau 900px. SVG memiliki lebar 400px. SVG memiliki margin-kiri dan margin-kanan yang diatur ke otomatis. Tidak berfungsi, itu hanya bertindak seolah-olah margin kiri adalah 0 (default). Adakah yang tahu kesalahan...
Ditutup . Pertanyaan ini didasarkan pada pendapat . Saat ini tidak menerima jawaban. Ingin meningkatkan pertanyaan ini? Perbarui pertanyaan sehingga dapat dijawab dengan fakta dan kutipan dengan mengedit posting ini . Ditutup 6 tahun yang lalu .
Saya ingin menempatkan beberapa gambar SVG sebelum beberapa elemen yang dipilih. Saya menggunakan jQuery tapi itu tidak relevan. Saya ingin memiliki :beforeelemen sebagai: #mydiv:before { content: '<svg.. code here</svg>'; display: block; width: 22px; height: 10px; margin: 10px 5px 0...
Saya ingin memiliki skala isi elemen svg sebaris saat ukurannya bukan asli. Tentu saja saya bisa memilikinya sebagai file terpisah dan skala seperti itu. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Namun, saya ingin...
Bagaimana cara membuat bentuk seperti ini untuk ditampilkan di halaman web? Saya tidak ingin menggunakan gambar karena gambar akan menjadi kabur pada penskalaan Saya mencoba dengan CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px;...