Pertanyaan yang diberi tag svg

204
Bisakah Anda mengontrol bagaimana langkah-lebar SVG ditarik?

Saat ini sedang membangun aplikasi SVG berbasis browser. Dalam aplikasi ini, berbagai bentuk dapat ditata dan diposisikan oleh pengguna, termasuk persegi panjang. Ketika saya menerapkan elemen stroke-widthSVG rectkatakan 1px, stroke diterapkan ke rectoffset dan inset dengan cara yang berbeda oleh...

200
Bagaimana saya bisa menghapus atau mengganti konten SVG?

Saya memiliki sepotong kode JavaScript yang membuat (menggunakan D3.js) svgelemen yang berisi bagan. Saya ingin memperbarui bagan berdasarkan data baru yang berasal dari layanan web menggunakan AJAX, masalahnya adalah setiap kali saya mengklik tombol pembaruan, itu menghasilkan yang baru svg, jadi...

200
Bisakah saya mengubah warna isian lintasan svg dengan CSS?

Saya memiliki kode berikut: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333"...

199
append jquery tidak bekerja dengan elemen svg?

Dengan asumsi ini: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); });...

191
Cara menghitung Jalur SVG untuk busur (lingkaran)

Diberi lingkaran berpusat di (200.200), jari-jari 25, bagaimana cara menggambar busur dari 270 derajat ke 135 derajat dan satu yang bergerak dari 270 ke 45 derajat? 0 derajat berarti tepat di sumbu x (sisi kanan) (artinya adalah posisi jam 3 ') 270 derajat berarti posisi jam 12, dan 90 berarti...

180
SVG: teks di dalam kotak

Saya ingin menampilkan beberapa teks di dalam SVG rect. Apa itu mungkin? Saya mencoba <svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="red"> <text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello...

179
Cara menempatkan dan menempatkan teks di tengah persegi panjang SVG

Saya memiliki persegi panjang berikut ... <rect x="0px" y="0px" width="60px" height="20px"/> Saya ingin memusatkan kata "Fiksi" di dalamnya. Untuk persegi panjang lain, apakah bungkus kata svg tetap di dalamnya? Saya tidak dapat menemukan apa pun secara khusus tentang menyisipkan teks ke...

173
Sertakan SVG (dihosting di GitHub) di MarkDown

Saya tahu bahwa gambar dapat ditempatkan di MD dengan sintaks MD salah satu ![Alt text](/path/to/img.jpg)atau ![Alt text](/path/to/img.jpg "Optional title"), tapi saya mengalami kesulitan menempatkan SVG di MD di mana kode di-host di GitHub. Akhirnya menggunakan rails3, dan mengubah model sering...

165
Cara termudah untuk menggunakan SVG di Android?

Saya telah menemukan banyak sekali perpustakaan untuk menggunakan svg di Android dan menghindari pembuatan resolusi berbeda yang membuat frustrasi dan menjatuhkan file untuk setiap resolusi, ini menjadi sangat mengganggu ketika aplikasi memiliki banyak ikon atau gambar. Adakah yang bisa membantu...

157
Mengubah ukuran SVG dalam html?

Jadi, saya memiliki file SVG dalam HTML, dan salah satu hal yang saya dengar tentang format adalah tidak mendapatkan semua pixelated ketika Anda memperbesarnya. Saya tahu dengan jpeg atau apa pun yang saya dapat menyimpannya sebagai ikon 50 per 50, kemudian benar-benar menampilkannya sebagai (agak...

155
Menghapus transformasi dalam file SVG

Saya telah berjuang dengan ini untuk sementara waktu, dan sepertinya tidak dapat menemukan jawaban (yang bekerja) di mana saja. Saya memiliki file SVG yang terlihat seperti ini: <svg xmlns:dc="http://purl.org/dc/elements/1.1/" ... width="72.9375" height="58.21875" ...> ... <g...

147
Apakah SVG mendukung penyematan gambar bitmap?

Apakah gambar SVG murni vektorial atau bisakah kita menggabungkan gambar bitmap menjadi gambar SVG? Bagaimana dengan transformasi yang diterapkan pada gambar bitmap (perspektif, pemetaan, dll.)? Sunting : Gambar dapat dimasukkan dalam SVG dengan referensi tautan. Lihat

147
Gambar lingkaran dengan jalur busur SVG

Pertanyaan pendek: dengan menggunakan jalur SVG, kita bisa menggambar 99,99% dari sebuah lingkaran dan itu muncul, tetapi ketika itu 99,99999999% dari sebuah lingkaran, maka lingkaran itu tidak akan muncul. Bagaimana bisa diperbaiki? Jalur SVG berikut dapat menggambar 99,99% dari lingkaran: (coba...

142
Tambahkan ikon khusus ke font yang mengagumkan

Saya suka font ikon Font Awesome dan ingin menggunakannya untuk sebagian besar ikon di situs saya, tetapi ada beberapa ikon svg kustom yang saya perlukan selain yang ditawarkan. Saya perhatikan bahwa versi .svg dari Font Awesome sebagian besar terdiri dari <glyph />elemen - elemen ini...