«svg» etiketlenmiş sorular

Tüm cihazlar için duyarlı bir tasarımda harika görünmesi için bir web sitesi için bir SVG logosu kullanmak istiyorum. Ancak sorunlar olduğu için olabildiğince çok cihazı ve tarayıcıyı desteklemek istiyorum. Yükleme hızı da önemli bir husustur. Adobe Illustrator'daki dışa aktarma ayarları tüm bunlara nasıl uyuyor? Illustrator'da, SVG dışa aktarımı için birkaç …

128 html  css  image  svg  adobe-illustrator 

SVG işaretlemesini bir ReactJS bileşenine gömmek mümkün mü? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Hataya neden olan sonuçlar: Ad alanı nitelikleri desteklenmez. ReactJSX XML değildir. Bunu yapmanın en hafif yolu nedir? React ART gibi bir şey kullanmak , yapmaya çalıştığım şey …

127 javascript  svg  reactjs 

Kapalı. Bu soru Yığın Taşması yönergelerini karşılamıyor . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Yığın Taşması için konuya uygun olması için soruyu güncelleyin . 2 yıl önce kapalı . Bu soruyu geliştirin Bir PDF'yi SVG'ye dönüştürmeye çalışıyorum. Bununla birlikte, şu anda kullandığım metin, her metin parçasındaki …

115 pdf  svg 

Normalde basit stil gerektiren SVG simgelerimin çoğunu dahil etmek için şunları yaparım: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Şimdi ReactJS ile oynama olmuştur ı desteklenen etiketler / niteliklerin kendi listesinde fark ne Ancak geç benim yeni ön uç geliştirme yığınında olası bir bileşeni olarak değerlendirilmesinin yanı useveya xlink:hrefdesteklenmektedir. Svg sprite kullanmak …

114 svg  sprite  reactjs 

Bunu belirten widthve heightbunun viewboxgibi bazı SVG dosyalarım var : <svg width="576pt" height="432pt" viewBox="0 0 576 432" > ... ama bunları tarayıcıda karar verdiğim bir boyutta nasıl görüntüleyebilirim? Daha küçük olmasını istiyorum ve denedim: <object width="400" data="image.svg"></object> ama sonra görünür kaydırma çubukları alıyorum. Ben sete SVG dosyalarını değiştirmek eğer çalışır …

114 html  svg 

Temelde yakınlaştırılabilir, kaydırılabilir bir grafikte binlerce noktayı oluşturan bir projeyi güncellemek için kullanılacak doğru teknolojiyi seçmeye çalışıyorum. Protovis kullanan mevcut uygulama düşük performans gösteriyor. Buradan kontrol edin: http://www.planethunters.org/classify Tamamen uzaklaştırıldığında yaklaşık 2000 nokta vardır. Biraz yakınlaştırmak için alttaki tutamaçları kullanmayı deneyin ve kaydırmak için sürükleyin. Oldukça dalgalı olduğunu göreceksiniz ve …

114 html  canvas  svg  d3.js  kineticjs 

2020 itibariyle hangi favicon boyutları, dosya formatları ve meta / link etiketleri kullanılmalıdır? Buna elma simgesi, pencereler, android ve insanların bugün kullandığı diğer cihazlar dahildir. Opera kullanıyorum ve svg formatını desteklediğini görebiliyorum. Günümüzde svg kullanmak en iyi çözüm mü? "Bir dosya hepsine uyar" seçeneği var mı? Birçok web sitesine göz …

114 html  svg  png  favicon 

XML'imi işlerken, bir hreföznitelikten referans verilen bir SVG dosyasını aşağıdaki satırla doğrudan çıktı HTML'ime kopyalamaya çalışıyorum : <xsl:copy-of copy-namespaces="yes" select="document(@href)"/> copy-namespacesVarsayılan değer zaten "evet" olduğu için gerekli olmayabilir, ama ben bunu denedim olsun veya olmasın hakkında sorular önlemek için ekledik. Dosyalar HTML'ye kopyalanır, ancak ad alanlı öğeler eklenir. Örneğin, kopyalanmadan …

113 html  xml  svg  xslt-1.0  xslt-2.0 

Amaç, <svg>bu kap <div>ne kadar büyük veya küçük olursa olsun , elemanın üst kapsayıcısının boyutuna genişlemesini sağlamaktır, bu durumda a . Kod: <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> Bu problemin en yaygın çözümü, …

112 css  html  svg  responsive-design 

ABD'nin dinamik olarak oluşturulmuş bir haritasını bir dizi veriye dayalı olarak farklı durumları renklendiren bir web projesi üzerinde çalışıyorum. Bu SVG dosyası bana ABD'nin iyi bir boş haritasını veriyor ve her eyaletin rengini değiştirmek çok kolay. Zorluk, IE tarayıcılarının SVG'yi desteklememesidir, bu yüzden svg'nin sunduğu kullanışlı sözdizimini kullanmam için, onu …

111 php  svg  imagemagick  jpeg  gd2 

Sadece Safari 10'da ortaya çıkan çok garip bir problemle karşılaştım transform:rotate(xdeg). Bazen kullanılarak döndürülen oyun kartlarım, svg resimlerim var . Kullandığım kartın kırmızı blok deseni var. Dönmediğinde veya dik açılarda döndürülmediğinde, yani 90, 180, 270, o zaman normal görünür. Ancak, bundan başka herhangi bir açı ve arka plan deseni maviye …

109 html  css  svg  safari 

HTML metninin öğeleri doldurmasıyla aynı şekilde <text>kapsayıcıya otomatik satır kaydırmanın ne olacağını SVG'de görüntülemek istiyorum . Bunu yapmanın bir yolu var mı? S kullanarak çizgileri seyrek olarak konumlandırmak istemiyorum .<rect><div><tspan>

108 xml  text  svg  word-wrap 

İşte sahip olduğum şey: <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 

Bir SVG, <svg>etiketi kullanılarak bir belgeye doğrudan eklendiğinde, CSS stillerini belgenin stil sayfası aracılığıyla SVG'ye uygulayabilirsiniz. Ancak, gömülü bir SVG'ye ( <object>etiketini kullanarak ) bir stil uygulamaya çalışıyorum . Aşağıdaki kod gibi herhangi bir şey kullanmak mümkün mü? object svg { fill: #fff; }

107 html  css  svg 

Bir SVG dosyası için bazı ECMAScript / JavaScript üzerinde çalışıyorum ve onu çevreleyen bir dikdörtgeni yeniden boyutlandırabilmem için bir öğenin widthve öğesinin alınması gerekiyor. HTML'de , öğede ve niteliklerini kullanabilirim, ancak bu özelliklerin kullanılamadığı görülüyor.heighttextoffsetWidthoffsetHeight İşte üzerinde çalışmam gereken bir parça. Metni her değiştirdiğimde dikdörtgenin genişliğini değiştirmem gerekiyor, ancak öğenin …

106 javascript  dom  text  svg