Pertanyaan yang diberi tag «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 menunjuk ke rendering SVG mundur dalam penelitian saya dan tidak melihat referensi seni …

603 html  svg  vector-graphics 

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 daripada yang lain? Apa …

575 image  svg  png  jpeg  gif 

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 dan div . Untuk apa yang ingin saya lakukan, …

476 javascript  html  svg  html5-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 kerangka kerja JS SVG, tetapi mereka terlalu …

437 jquery  css  svg 

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 berhasil.

416 colors  svg  transparency  alpha  fill 

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 tampaknya diabaikan, -scaleparameter menskala PNG setelah dikonversi ke PNG. Hasil terbaik …

388 svg  imagemagick  png 

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 ini adalah kode yang berfungsi di mana gaya cusor …

379 html  css  svg  svg-filters 

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 ini penting? Karena layar iPad Mini dan …

376 javascript  html  ipad  svg 

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 dan saya tidak yakin mengapa itu tidak berfungsi.

374 css  image  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 class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /> </svg> Jalankan cuplikan kodeHide resultsLuaskan …

352 css  svg 

Saya ingin mengubah SVG menjadi gambar bitmap (seperti JPEG, PNG, dll.) Melalui JavaScript.

300 javascript  svg 

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() { $(this).addClass("clicked"); }); Saya tahu SVG dan jQuery bekerja bersama dengan baik karena saya dapat menargetkan …

289 javascript  jquery  css  svg  jquery-svg 

Apakah mungkin untuk menggunakan definisi SVG sebaris di CSS? Maksud saya sesuatu seperti: .my-class { background-image: <svg>...</svg>; }

283 css  svg 

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 SVG ketika disajikan sebagai BACKGROUND-IMAGE. html { …

270 html  css  svg 

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 jawaban atau interaksi baru. Bagaimana cara mengubah gambar PNG ke SVG?

266 svg  png