Pertanyaan yang diberi tag «svg»

Ini adalah tipe mime SVG yang biasa: image/svg+xml Dan itu bekerja dengan baik. Namun, ketika menyematkan font SVG, chrome memberi tahu Anda jenis mime tidak benar, jelas karena Anda mengembalikan font alih-alih gambar. Apakah ada tipe mime universal? apakah chrome salah? adalah application/svg+xmlditerima entah bagaimana? Saya kira ini masih merupakan …

168 html  svg  font-face  mime-types 

Apakah mungkin untuk menetapkan elemen background-imageSVG <path>? Misalnya, jika saya mengatur elemen class="wall", gaya CSS .wall {fill: red;}berfungsi, tetapi .wall{background-image: url(wall.jpg)}tidak .wall {background-color: red;}.

166 html  css  image  svg  background-image 

Adakah yang tahu bagaimana ini bisa dilakukan? Apakah Anda menggunakan objek kanvas, svg, jQuery, dll?

165 ipad  html  canvas  svg 

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 memberikan langkah demi langkah proses yang paling sederhana untuk menggunakan …

165 android  svg  androidsvg 

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 pixelated) 100 oleh 100 thumbnail …

157 html  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 ... transform="translate(10.75,-308.96875)" style="..."> <path inkscape:connector-curvature="0" d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 2.14518,-2.82259 3.5625,-3.53125 1.41733,-0.70866 …

155 svg  transform  inkscape 

Saya menggunakan lingkaran svg di proyek saya seperti ini, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> Dan saya menggunakan indeks-z dalam gtag untuk menunjukkan elemen pertama. Dalam proyek saya, saya …

154 javascript  jquery  svg  z-index 

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 di http://jsfiddle.net/DFhUF/1381/ dan lihat apakah Anda melihat 4 busur …

147 svg  geometry  drawing  vml  geometric-arc 

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 http://www.w3.org/TR/SVG/struct.html#ImageElement . Pertanyaan saya sebenarnya adalah apakah gambar bitmap dapat dimasukkan ke dalam svg …

147 image  svg  bitmapimage 

Saya memiliki objek SVG di halaman HTML saya dan saya membungkusnya dengan jangkar sehingga ketika gambar svg diklik, pengguna akan diarahkan ke tautan jangkar. <a href="http://www.google.com/"> <object data="mysvg.svg" type="image/svg+xml"> <span>Your browser doesn't support SVG images</span> </object> </a> Ketika saya menggunakan blok kode ini, mengklik objek svg tidak membawa saya ke …

143 html  object  svg  anchor 

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: 60px">a</text> </svg> Saya ingin menyelaraskan bagian atas adan b. Sebenarnya, saya ingin posisi saya sesuai dengan rooflinealih - alih baseline!

142 svg  vertical-alignment  w3c 

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 : ... <glyph unicode="" horiz-adv-x="1536" …

142 svg  webfonts  font-awesome 

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: http://www.w3.org/TR/SVG/styling.html#SVGStylingProperties , dan itu dihapus saat proses pembersihan dengan SVG Pembersih. Apakah ada …

134 svg 

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 akan mengubah SVG ke perintah kanvas (seperti dalam pertanyaan ini …

130 html  canvas  svg 

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 Adobe Illustrator cocok dengan semua ini? Di Illustrator, …

128 html  css  image  svg  adobe-illustrator