«svg» etiketlenmiş sorular

Kapalı . Bu soru görüş temelli . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek ister misiniz? Bu yayını düzenleyerek gerçekler ve alıntılarla yanıtlanabilmesi için soruyu güncelleyin . 6 yıl önce kapalı . Bu soruyu geliştir SVG ve JavaScript / jQuery kullanarak etkileşimli bir arayüz üzerinde çalışıyorum ve Raphael ile …

254 javascript  jquery  svg  raphael 

Bir div'de merkezlemeye çalıştığım bir SVG'm var. Div'in genişliği veya 900 pikseldir. SVG'nin genişliği 400 pikseldir. SVG'nin kenar boşluğu ve kenar boşluğu otomatik olarak ayarlanmıştır. Çalışmıyor, sadece sol kenar boşluğu 0 (varsayılan) gibi davranıyor. Benim hatamı bilen var mı?

254 css  layout  svg  positioning  margin 

Bazı SVG görüntülerini seçilen öğelerin önüne yerleştirmek istiyorum. Ben jQuery kullanıyorum ama bu ilgisiz. :beforeÖğe gibi olmak istiyorum : #mydiv:before { content: '<svg.. code here</svg>'; display: block; width: 22px; height: 10px; margin: 10px 5px 0 10px; } Yukarıda gösterildiği gibi yaparsam, sadece dize görüntüler. Teknik özellikleri kontrol ettim ve içeriğin …

246 css  svg 

Boyut yerel olmadığında satır içi svg öğesinin içindekiler ölçeği olmasını istiyorum. Tabii ki ayrı bir dosya olarak alabilir ve böyle ölçeklendirebilirim. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Ancak, CSS aracılığıyla SVG'ye ek stiller eklemek istiyorum, bu yüzden harici bir bağlantı bağlamak bir seçenek değil. Satır içi …

235 css  html  svg  scaling 

Bir web sayfasında görüntülemek için böyle bir şekli nasıl oluştururum? Ölçeklendirmede bulanıklaşacakları için görüntüleri kullanmak istemiyorum CSS ile denedim : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div class="tear"> </div> Kod snippet'ini çalıştırHide resultsSnippet'i genişlet Bu …

223 html  css  svg  css-shapes 

İnternette gördüğüm svg örneklerinin yaklaşık yarısında, kod basit basit <svg></svg>etiketlerle sarılmıştır . Diğer yarısında, svg etiketlerinde bunun gibi birçok karmaşık özellik vardır: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> Sorum şu: basit svg etiketlerini kullanmak uygun mudur? Karmaşık olanlarla oynamayı denedim ve onları içermezsem her şey yolunda.

206 xml  svg  tags 

Şu anda tarayıcı tabanlı bir SVG uygulaması oluşturuluyor. Bu uygulama içinde, dikdörtgenler dahil olmak üzere çeşitli şekiller kullanıcı tarafından şekillendirilebilir ve konumlandırılabilir. Diyelim ki stroke-widthbir SVG rectelemanına a uyguladığımda 1px, kontur rectofset ve inset'e farklı tarayıcılar tarafından farklı şekillerde uygulanır. Bu, özellikle bir dikdörtgenin dış genişliğini ve görsel konumunu hesaplamaya …

204 svg  offset  rect 

SVG ile oynuyorum ve konumlandırma ile ilgili birkaç sorun yaşıyorum. gGrup etiketinde bulunan şekiller bir dizi var . Bir kap gibi kullanmayı umuyordum, bu yüzden x konumunu ayarlayabilirdim ve sonra o gruptaki tüm öğeler de hareket ederdi. Ancak bu mümkün görünmüyor. Çoğu insan birlikte hareket etmek istediğiniz bir grup unsuru …

203 svg  position  grouping 

Takip koduna sahibim: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>  </span> SVG yolunun dolgu rengini, yol etiketi içinde değiştirmeden CSS veya başka bir yolla değiştirmek mümkün müdür?

202 css  svg 

(D3.js kullanarak) svgbir grafik içeren bir öğe oluşturur JavaScript kodu bir parça var . Grafiği AJAX kullanarak bir web hizmetinden gelen yeni verilere göre güncellemek istiyorum, sorun güncelleme düğmesine her tıkladığımda yeni bir tane oluşturması svg, bu yüzden eskisini kaldırmak veya içeriğini güncellemek istiyorum. İşte JavaScript fonksiyonundan bir parçacığı oluşturduğum …

201 javascript  ajax  svg  d3.js 

Bunu varsayarak: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> Neden hiçbir şey görmüyorum?

199 jquery  html  svg 

(200,200), yarıçap 25 merkezli bir daire göz önüne alındığında, 270 dereceden 135 dereceye ve 270 dereceden 45 dereceye kadar olan bir yayı nasıl çizebilirim? 0 derece, x ekseninde (sağ taraf) doğru olduğu anlamına gelir (yani saatin 3 pozisyonu demektir) 270 derece, saatin 12 pozisyonu ve 90, saatin 6 pozisyonu olduğu …

191 svg 

SVG içinde bazı metinler görüntülemek istiyorum rect. Mümkün mü? denedim <svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="red"> <text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text> </rect> </g> </svg> Ama bu çalışmıyor.

180 text  svg  rect 

Aşağıdaki dikdörtgene sahibim ... <rect x="0px" y="0px" width="60px" height="20px"/> İçinde "Kurgu" kelimesini ortalamak istiyorum. Diğer dikdörtgenler için, svg word'ün içinde kalması gerekir mi? Hem yatay hem de dikey olarak ortalanmış şekiller ve sözcük kaydırma içine metin eklemek hakkında özel bir şey bulamıyorum. Ayrıca, metin dikdörtgen bırakamaz. Http://www.w3.org/TR/SVG/text.html#TextElement örneğine bakmak , …

179 text  svg 

Bir görüntünün MD sözdizimiyle MD'ye yerleştirilebileceğini veya ama kod GitHub'dan barındırılan MD bir SVG verme konusunda zorluk yaşıyorum. Nihayetinde rails3 kullanarak ve şu anda modeli sık sık değiştirme, bu yüzden modellerin şema diyagramının bir SVG oluşturmak için RailRoady kullanıyorum . Bu SVG'nin ReadMe.md dosyasına yerleştirilmesini ve …

173 svg  github  markdown