Pertanyaan yang diberi tag «svg»

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 XML. Apa cara teringan untuk melakukan ini. Menggunakan sesuatu seperti React ART adalah cara yang terlalu berlebihan untuk …

127 javascript  svg  reactjs 

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 pernyataan impor yang persis sama. Saya kira ini ada hubungannya dengan jenis file svg …

115 typescript  svg 

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 Saya mencoba mengonversi PDF ke SVG. Namun, yang saya gunakan saat ini memetakan jalur untuk …

114 pdf  svg 

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 tumpukan pengembangan front-end baru saya, namun saya perhatikan bahwa dalam daftar tag / atribut yang didukung …

114 svg  sprite  reactjs 

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 mencoba: <object width="400" data="image.svg"></object> tapi kemudian saya mendapatkan scrollbar yang terlihat. Ia …

114 html  svg 

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 disini: http://www.planethunters.org/classify Ada sekitar 2000 titik saat diperkecil sepenuhnya. Coba gunakan pegangan di bagian bawah untuk memperbesar …

114 html  canvas  svg  d3.js  kineticjs 

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" saja, tapi aku sudah menambahkan untuk mencegah pertanyaan tentang apakah atau tidak saya sudah mencobanya. File-file tersebut …

113 html  xml  svg  xslt-1.0  xslt-2.0 

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 saat ini? Apakah ada …

113 html  svg  png  favicon 

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 xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" height="100" /> </svg> </div> Solusi paling umum untuk …

112 css  html  svg  responsive-design 

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 mendukung SVG jadi agar saya dapat …

111 php  svg  imagemagick  jpeg  gd2 

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, 270, maka terlihat normal. Tapi, sudut …

109 html  css  svg  safari 

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 sangat sulit untuk menunjukkan hanya gambar svg. Kode …

109 javascript  svg  react-native 

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 <tspan>s.

108 xml  text  svg  word-wrap 

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" ...>Tooltip</text> <script> <![CDATA[ function show_tooltip(e,text) { var tt = document.getElementById('tooltip'); var bg = document.getElementById('tooltip_bg'); // set position ... tt.textContent=text; bg.setAttribute('width',tt.getBBox().width+10); bg.setAttribute('height',tt.getBBox().height+6); // set visibility …

107 javascript  svg  newline  line-breaks 

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 berikut? object svg { fill: #fff; }

107 html  css  svg