Pertanyaan yang diberi tag «svg»

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 . Perbaiki pertanyaan ini Saya sedang mengerjakan antarmuka interaktif menggunakan SVG dan JavaScript / …

254 javascript  jquery  svg  raphael 

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 saya?

254 css  layout  svg  positioning  margin 

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 10px; } Jika saya melakukannya seperti yang ditunjukkan di atas, itu …

246 css  svg 

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 menambahkan gaya tambahan ke SVG melalui CSS, jadi menautkan yang eksternal bukanlah suatu …

236 css  html  svg  scaling 

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; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div …

223 html  css  svg  css-shapes 

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 browser yang berbeda. Ini terbukti merepotkan, terutama ketika saya mencoba …

204 svg  offset  rect 

Dalam sekitar setengah dari contoh svg yang saya lihat di internet, kode tersebut dibungkus dengan <svg></svg>tag sederhana . Di bagian lain, tag svg memiliki banyak atribut rumit seperti ini: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> Pertanyaan saya adalah: apakah boleh menggunakan tag svg sederhana? Saya sudah mencoba bermain-main dengan yang rumit, dan …

203 xml  svg  tags 

Saya bermain-main dengan SVG dan saya mengalami beberapa masalah dengan penentuan posisi. Saya memiliki serangkaian bentuk yang terdapat dalam gtag grup. Saya berharap untuk menggunakannya seperti wadah, sehingga saya bisa mengatur posisi x-nya dan semua elemen dalam grup itu juga akan bergerak. Tapi itu sepertinya tidak mungkin. Bagaimana sebagian besar …

203 svg  position  grouping 

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 saya ingin menghapus yang lama atau memperbarui kontennya. Berikut …

200 javascript  ajax  svg  d3.js 

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" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>  </span> Apakah mungkin untuk mengubah warna isian lintasan SVG dengan CSS atau cara lain tanpa benar-benar mengubahnya di dalam tag path?

200 css  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"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> Kenapa aku tidak melihat apa-apa?

199 jquery  html  svg 

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 …

191 svg 

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 </text> </rect> </g> </svg> Tapi itu tidak berhasil.

180 text  svg  rect 

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 dalam bentuk yang dipusatkan baik secara horizontal maupun vertikal …

179 text  svg 

Saya tahu bahwa gambar dapat ditempatkan di MD dengan sintaks MD salah satu atau , tapi saya mengalami kesulitan menempatkan SVG di MD di mana kode di-host di GitHub. Akhirnya menggunakan rails3, dan mengubah model sering sekarang, jadi saya menggunakan RailRoady untuk menghasilkan SVG dari diagram …

173 svg  github  markdown