Katakanlah saya memiliki file SVG: <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size:
Saya ingin mengatur warna latar belakang default untuk seluruh dokumen SVG, menjadi merah misalnya. <svg viewBox="0 0 500 600" style="background: red">/* content */</svg> Solusi di atas berfungsi tetapi properti latar belakang atribut style sayangnya bukan yang standar:...
Apakah ada cara default untuk menggambar file SVG ke kanvas HTML5? Google Chrome mendukung memuat SVG sebagai gambar (dan hanya menggunakan drawImage), tetapi konsol pengembang memperingatkannya resource interpreted as image but transferred with MIME type image/svg+xml. Saya tahu bahwa kemungkinan...
Saya ingin menggunakan logo SVG untuk situs web - untuk membuatnya tampak hebat pada desain responsif untuk semua perangkat. Tetapi karena ada masalah , saya ingin mendukung sebanyak mungkin perangkat dan browser. Kecepatan beban juga merupakan pertimbangan penting. Bagaimana pengaturan ekspor di...
Apakah mungkin untuk menanamkan markup SVG ke komponen ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Menghasilkan kesalahan: Atribut Namespace tidak didukung. ReactJSX bukan...
Dalam typescript(*.tsx)file saya tidak dapat mengimpor file svg dengan pernyataan ini: import logo from './logo.svg'; Transpiler mengatakan: [ts] cannot find module './logo.svg'. File svg saya hanya <svg>...</svg>. Tetapi dalam .jsfile saya dapat mengimpornya tanpa masalah dengan...
Tutup. Pertanyaan ini tidak memenuhi pedoman Stack Overflow . Saat ini tidak menerima jawaban. Ingin memperbaiki pertanyaan ini? Perbarui pertanyaan agar sesuai dengan topik untuk Stack Overflow. Tutup 2 tahun lalu . Perbaiki pertanyaan ini
Jadi biasanya untuk menyertakan sebagian besar ikon SVG saya yang memerlukan gaya sederhana, saya melakukan: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Sekarang saya telah bermain dengan ReactJS akhir-akhir ini mengevaluasinya sebagai komponen yang mungkin dalam...
Saya memiliki beberapa file SVG yang menentukan widthdan heightjuga viewboxseperti ini: <svg width="576pt" height="432pt" viewBox="0 0 576 432" > ... tetapi bagaimana cara menampilkannya di browser dengan ukuran yang saya putuskan? Saya ingin mereka lebih kecil dan telah
Saya mencoba memilih teknologi yang tepat untuk digunakan untuk memperbarui proyek yang pada dasarnya menampilkan ribuan titik dalam grafik yang dapat diperbesar dan dapat dipindai. Implementasi saat ini, menggunakan Protovis, berkinerja buruk. Lihat
Saat memproses XML saya, saya mencoba menyalin file SVG yang direferensikan dari hrefatribut langsung ke HTML keluaran saya dengan baris berikut: <xsl:copy-of copy-namespaces="yes" select="document(@href)"/> The copy-namespacesseharusnya tidak diperlukan karena nilai default adalah "ya"...
Dimensi favicon, format file, dan tag meta / tautan apa yang harus digunakan mulai tahun 2020? Ini termasuk ikon apel, windows, android dan perangkat lain yang digunakan orang saat ini. Saya menggunakan Opera dan saya melihatnya mendukung format svg. Apakah ini solusi terbaik untuk menggunakan svg...
Tujuannya adalah agar <svg>elemen diperluas ke ukuran wadah induknya, dalam hal ini a <div>, tidak peduli seberapa besar atau kecil wadah itu. Kode: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg
Saya sedang mengerjakan proyek web yang melibatkan peta AS yang dibuat secara dinamis, mewarnai berbagai negara bagian berdasarkan kumpulan data. File SVG ini memberi saya peta kosong AS yang bagus dan sangat mudah untuk mengubah warna setiap negara bagian. Kesulitannya adalah browser IE tidak...
Saya ingin menunjukkan file svg (saya memiliki banyak gambar svg) tetapi hal yang saya tidak dapat menemukan cara untuk menunjukkannya. Saya mencoba menggunakan Image dan Use komponen react-native-svg tetapi mereka tidak bekerja dengan itu. Dan saya mencoba melakukannya dengan cara asli tetapi...
Saya baru saja mengalami masalah yang sangat aneh yang hanya muncul di Safari 10. Saya memiliki kartu remi, gambar svg, yang terkadang diputar menggunakan transform:rotate(xdeg). Kartu yang saya gunakan memiliki pola blok merah. Jika tidak diputar, atau diputar pada sudut siku-siku, yaitu 90, 180,...
Saya ingin menampilkan <text>di SVG apa yang akan otomatis dibungkus ke wadah <rect>dengan cara yang sama seperti teks HTML mengisi <div>elemen. Apakah ada cara untuk melakukannya? Saya tidak ingin memposisikan garis secara terpisah dengan menggunakan
Saat SVG langsung disertakan dalam dokumen menggunakan <svg>tag, Anda dapat menerapkan gaya CSS ke SVG melalui lembar gaya dokumen. Namun, saya mencoba menerapkan gaya ke SVG yang disematkan (menggunakan <object>tag). Apakah mungkin untuk menggunakan sesuatu seperti kode...
Jadi inilah yang saya miliki: <path class="..." onmousemove="show_tooltip(event,'very long text \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/> <rect class="tooltip_bg" id="tooltip_bg" ... /> <text class="tooltip" id="tooltip"
Saya sedang mengerjakan beberapa ECMAScript / JavaScript untuk file SVG dan perlu mendapatkan widthdan heightdari textelemen sehingga saya dapat mengubah ukuran persegi panjang yang mengelilinginya. Dalam HTML saya akan dapat menggunakan atribut offsetWidthand offsetHeightpada elemen tetapi...