«svg» etiketlenmiş sorular

Svg'nin x ve dx niteliği (veya y ve dy) arasındaki fark nedir? Konum özelliğine (x) karşı eksen kaydırma özelliğini (dx) kullanmak için ne zaman uygun bir zaman olur? Örneğin, böyle bir şey yapan birçok d3 örneği fark ettim chart.append("text") .attr("x", 0) .attr("y", 0) .attr("dy", -3) .text("I am a label") Aşağıdakiler …

106 svg  d3.js 

enable-backgroundÖznitelik tam olarak ne yapar ? Şartnameyi okudum ama yine de anlamıyorum.

106 svg 

Javascript kullanarak SVG belgesindeki belirli öğeleri yeniden boyutlandırmam ve döndürmem gerekiyor. Sorun, varsayılan olarak, dönüşümü her zaman (0, 0)sol üstteki orijinin etrafına uygulamasıdır . Bu dönüşüm bağlantı noktasını nasıl yeniden tanımlayabilirim? transform-originÖzniteliği kullanmayı denedim , ancak hiçbir şeyi etkilemiyor. Ben böyle yaptım: svg.getDocumentById('someId').setAttribute('transform-origin', '75 240'); Firefox'ta özniteliğin doğru şekilde ayarlandığını …

105 svg  coordinate-transformation 

Bir SVG rectöğesine uygulanan gradyan elde etmeye çalışıyorum . Şu anda fillözniteliği kullanıyorum . CSS dosyamda: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } Ve rectöğe, tarayıcıda görüntülendiğinde doğru dolgu rengine sahiptir. Ancak, bu öğeye doğrusal bir gradyan uygulayıp uygulayamayacağımı bilmek istiyorum.

105 css  svg  gradient  linear-gradients 

Svg dosyalarını göstermek istiyorum (bir sürü svg resmim var) ama göstermenin yolunu bulamadığım şeyi. React-native-svg'nin Image ve Use bileşenlerini kullanmayı denedim, ancak bununla çalışmıyorlar. Bunu yerel yolla yapmaya çalıştım ama sadece svg görüntüsünü göstermek gerçekten zor bir iş. Örnek kod: import Svg, { Use, Image, } from 'react-native-svg'; <View> <Svg …

105 javascript  svg  react-native 

Bir SVG öğesindeki kontur genişliğini "piksel duyarlı" olacak şekilde, yani uygulanan mevcut ölçeklendirme dönüşümlerinden bağımsız olarak her zaman 1 piksel genişliğinde ayarlayabilmek istiyorum. SVG'nin tüm amacı pikselden bağımsız olmak olduğu için bunun imkansız olabileceğinin farkındayım. Bağlam aşağıdaki gibidir: ViewBox ve preserveAspectRatio öznitelikleri ayarlanmış bir SVG öğem var. Bunun gibi bir …

104 svg  visualization 

Ben svg arka planını renklendirmek istiyorum textbenzer background-colorcss içinde Sadece fillmetnin hangi renklerle ilgili belgeleri bulabildim Hatta mümkün mü?

103 css  svg  background-color 

Harici stil sayfalarım aracılığıyla renklerini değiştirmek istediğim birkaç SVG grafiğim var - doğrudan her SVG dosyasında değil. Grafikleri sıraya koymuyorum, onları resimlerim klasöründe depoluyorum ve onlara işaret ediyorum. Araç ipuçlarının çalışmasına izin vermek için bunları bu şekilde uyguladım ve ayrıca <a>bir bağlantıya izin vermek için her birini bir etiketle sarmaladım. …

102 html  css  svg  stylesheet  external 

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 . 6 yıl önce kapalı . Bu soruyu geliştirin Çok fazla kod yazmak zorunda kalmadan SVG görüntülerini C # kullanarak PNG'ye dönüştürmeye çalışıyorum. …

102 c#  .net  png  svg 

Python'da anı ' svgye nasıl dönüştürürüm png? svgBir örneğinde depoluyorum StringIO. PyCairo kütüphanesini kullanmalı mıyım? Bu kodu nasıl yazarım?

102 python  svg  rendering  cairo 

Bir SVG belgem var ve içine harici bir svg resmi eklemek istiyorum, örneğin: <object data="logo.svgz" width="100" height="100" x="200" y="400"/> ("nesne" yalnızca bir örnektir - dış belge xhtml yerine SVG olacaktır). Herhangi bir fikir? Bu mümkün mü? Veya logo.svg xml'yi dış SVG belgeme yapıştırmak benim için en iyisi mi?

102 xml  svg  embedding 

SVG'deki bir <rect>öğede kontur genişliği: 1 ayarlamak , dikdörtgenin her tarafına bir kontur yerleştirir. Bir SVG dikdörtgeninin yalnızca üç tarafına kontur genişliği nasıl yerleştirilir?

95 html  svg  vector-graphics  inkscape 

Google chrome ile svg'yi bir img etiketiyle oluşturmama konusunda sorunlar yaşıyorum. Bu, sayfa yenilenirken ve ilk sayfa yüklemesi sırasında olur. "Eleman İnceleniyor" ve ardından svg dosyasına sağ tıklayıp svg dosyasını yeni bir sekmede açarak görüntünün gösterilmesini sağlayabilirim. Daha sonra svg resmi orijinal sayfada görüntülenecektir. <img src="../images/Aged-Brass.svg"> Sorunun ne olduğu konusunda …

95 google-chrome  svg 

Bu kolay olacak gibi görünüyor, ama bir şey anlamıyorum. Hiçbir kaydırma yapmadan ve en boy oranını koruyarak tarayıcı penceresine sığacak şekilde otomatik olarak ölçeklenen tek bir SVG resmi içeren bir HTML sayfası yapmak istiyorum. Örneğin, şu anda 1024x768 boyutunda bir SVG resmim var; tarayıcı görüntü alanı 1980x1000 ise, görüntünün 1333x1000'de …

94 layout  xhtml  svg  scaling  aspect-ratio 

Font Awesome gliflerinden SVG yol verilerini almak istiyorum, böylece bunları HTML’imde doğrudan SVG olarak kullanabilirim. Fontawesome-webfont.svg dosyasındaki yol verilerini kopyalayıp yapıştırmak kadar kolay olacağını düşünmüştüm , ancak bunu HTML'mde kullandığımda sembollerin hepsi ters dönüyor . Nedenini bilen var mı? (Bakın Fiddle ) Font Awesome SVG: <glyph unicode="" horiz-adv-x="1408" d="M1408 131q0 …

93 html  svg  font-awesome