«svg» etiketlenmiş sorular

Bu olağan SVG mime tipidir: image/svg+xml Ve harika çalışıyor. Bununla birlikte, bir SVG yazı tipini katıştırırken, krom size mime türünün yanlış olduğunu söyler, çünkü bir görüntü yerine bir yazı tipi döndürdüğünüz için. Evrensel mim türü var mı? krom yanlış mı? bir application/svg+xmlşekilde kabul edilir mi? Sanırım bu hala HTML5'te gri …

168 html  svg  font-face  mime-types 

background-imageSVG <path>öğesi için a ayarlamak mümkün müdür ? Örneğin, öğeyi ayarlarsam class="wall", CSS stili .wall {fill: red;}çalışır, ancak .wall{background-image: url(wall.jpg)}çalışmaz..wall {background-color: red;} .

166 html  css  image  svg  background-image 

Bunun nasıl yapılabileceğini bilen var mı? Tuval nesnesi, svg, jQuery vb. Kullanır mısınız?

165 ipad  html  canvas  svg 

Android'de svg kullanmak ve farklı çözünürlüklerin sinir bozucu oluşturulmasını ve her çözünürlük için dosyaların bırakılmasını önlemek için sayısız kütüphane buldum, uygulama birçok simge veya resme sahip olduğunda bu çok can sıkıcı bir hale geliyor. Herkes Android SVG kullanmak için kullanımı en kolay kütüphane adım adım bir süreç vermek gibi nazik …

165 android  svg  androidsvg 

Yani, HTML'de bir SVG dosyam var ve format hakkında duyduğum şeylerden biri, yakınlaştırdığınızda tüm pikselli hale gelmemesidir. Bir jpeg ile ya da 50 ila 50 simge olarak saklayabildiğim her şeyi biliyorum, sonra aslında image_src'de yüksekliği ve genişliği manuel olarak ayarlayarak (oldukça pikselli) 100 x 100 küçük resim (veya 10 x …

157 html  svg 

Bir süredir bununla mücadele ediyorum ve hiçbir yerde (işe yarayan) bir cevap bulamıyorum. Şöyle bir SVG dosyası var: <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 2.11392,-0.70867 3.53125,0 1.41732,0.70866 ... z" ... /> </g> </svg> …

155 svg  transform  inkscape 

Projemde svg çevrelerini böyle kullanıyorum, <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> Ve göğeleri ilk göstermek için etiketinde z-endeksi kullanıyorum . Projemde sadece z-endeksi değeri kullanmam gerekiyor, ancak svg öğelerime …

154 javascript  jquery  svg  z-index 

Bir SVG görüntüsü tamamen vektörel midir yoksa bitmap görüntülerini bir SVG görüntüsünde birleştirebilir miyiz? Bitmap görüntülerine (perspektif, eşlemeler vb.) Uygulanan dönüştürmelere ne dersiniz? Düzenleme : Görüntüler, bağlantı referansına göre bir SVG'ye eklenebilir. Http://www.w3.org/TR/SVG/struct.html#ImageElement adresine bakın . Sorum, svg görüntüsünün kendi içinde olması için bitmap görüntülerinin svg içine dahil edilip edilmeyeceğiydi. …

152 image  svg  bitmapimage 

Kısa soru: SVG yolunu kullanarak bir çemberin% 99,99'unu çizebiliriz ve bu ortaya çıkar, ancak çemberin% 99,999999999'u olduğunda, çember görünmez. Nasıl düzeltilebilir? Aşağıdaki SVG yolu bir dairenin% 99,99'unu çizebilir: ( http://jsfiddle.net/DFhUF/1381/ adresinde deneyin ve 4 yay mı yoksa yalnızca 2 yay mı gördüğünüze bakın, ancak IE ise SVG'de değil, VML'de oluşturulmuş, …

149 svg  geometry  drawing  vml  geometric-arc 

HTML sayfamda bir SVG nesnesi var ve svg görüntü tıklatıldığında kullanıcı bağlantı bağlantısına götürür bir çapa sarma. <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> Bu kod bloğunu kullandığımda, svg nesnesini tıklatmak beni google'a götürmez. IE8 <'de yayılma metni tıklanabilir. Svg resmimi etiketleri içerecek şekilde …

143 html  object  svg  anchor 

Diyelim ki SVG dosyasına sahibim: <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> Bir şekilde üst hizalamak istiyorum ave b. Aslında, konumumun rooflineyerine değil olmasını istiyorum baseline!

142 svg  vertical-alignment  w3c 

Font Awesome simge yazı tipini seviyorum ve sitemdeki simgelerin çoğunda kullanmak istiyorum, ancak sunulanlara ek olarak ihtiyacım olan birkaç özel svg simgesi var. Font Awesome'in .svg sürümünün çoğunlukla şu <glyph />öğelerden oluştuğunu fark ettim : ... <glyph unicode="" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 -24.5l162 -162l340 338l-338 338l-164 -164q-35 -35 …

138 svg  webfonts  font-awesome 

Örneğin, tüm SVG belgesi için varsayılan bir arka plan rengini kırmızı olarak ayarlamak istiyorum. <svg viewBox="0 0 500 600" style="background: red">/* content */</svg> Yukarıdaki çözüm işe yarıyor ancak stil özniteliğinin arka plan özelliği maalesef standart bir özellik değil: http://www.w3.org/TR/SVG/styling.html#SVGStylingProperties ve bu nedenle, SVG ile temizleme işlemi sırasında kaldırılır Temizleyici. Bu …

134 svg 

Bir SVG dosyasını HTML5 tuvaline çizmenin varsayılan bir yolu var mı? Google Chrome, SVG'yi bir resim olarak yüklemeyi (ve yalnızca kullanmayı drawImage) destekler, ancak geliştirici konsolu bunu uyarır resource interpreted as image but transferred with MIME type image/svg+xml. SVG'yi tuval komutlarına dönüştürmek için bir olasılık olduğunu biliyorum ( bu soruda …

131 html  canvas  svg 

Gelen typescript(*.tsx)dosyalar bu ifadeye svg dosyası alamıyor: import logo from './logo.svg'; Transpiler diyor ki: [ts] cannot find module './logo.svg'. svg dosyam sadece <svg>...</svg>. Ancak .jsdosyada, aynı ithalat beyanıyla herhangi bir sorun olmadan onu içe aktarabiliyorum. Sanırım ts transpiler için bir şekilde ayarlanması gereken svg dosyası türüyle ilgisi var. Bunun nasıl …

130 typescript  svg