Firefox içinde satır içi SVG oluşturma

Biçimlerin oluşturulmasına izin verdiğimiz üzerinde çalıştığım bir sitem var ve bunu javascript aracılığıyla yerleşik inline svg kullanarak yapıyoruz. Svg'nin Chrome'da doğru şekilde oluşturduğu garip bir sorun yaşıyorum, ancak Firefox'ta SVG'nin bir kısmını kesiyor. Aşağıdaki kod bir yıldızdır. Kromda bu mükemmel bir şekilde ortaya çıkıyor. Firefox'ta sadece resmin sol üst% 25'ini görüyorum ya da öyle.Firefox içinde satır içi SVG oluşturma

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg"> 
<head></head> 
<body> 

<svg shape-rendering="" preserveAspectRatio="none"> 
<polygon transform="rotate(0 100 100)" points="256.53212826312154,13.412653125,314.88080229627076,201.3216034012431,499.6516034012431,201.3216034012431,348.91752881560774,320.0009404178177,382.9542553349448,507.9098906940608,256.53212826312154,389.2305536774862,130.11000119129832,507.9098906940608,164.14672771063536,320.0009404178177,13.412653125,201.3216034012431,198.18345422997237,201.3216034012431,256.53212826312154,13.412653125" fill="rgb(49, 48, 255)" stroke="black" stroke-width="2.49125px" style="position: absolute; "> 
</polygon> 
</svg> 

</body> 
</html>

Yanlış bir şey yapıp yapmadığımızı veya Firefox ile ilgili bir sorun olup olmadığından emin değilim. İlginç olan şey, yıldızı küçülecek olursam (bu boyutun 1/4'ü kadar) Firefox'ta mükemmel bir şekilde işlenmesidir.

Yardımın için teşekkürler!

kaynak

2012-04-27 wookie924

<svg> öğesine width ve height niteliklerini eklemeniz gerekir. width = "100%" ve height = "100%" davanız için işe yarayabilir.

kaynak

2012-04-27 15:41:43

Cevabınız için teşekkür ederiz. Firefox'ta bir çekicilik gibi çalışır. Yani harika. Yardım ettiğin için teşekkür ederim. – wookie924

Neden sadece Firefox'a ihtiyaç var? Spesifikasyonda gördüğüm kadarıyla, varsayılan değerler% 100'dür ([source] (http://www.w3.org/TR/SVG/struct.html#SVGElementWidthAttribute)). –

http://www.w3.org/TR/2011/PR-SVG11-20110609/coords.html#ViewportSpace En dış svg öğesindeki 'width' özelliği, aşağıdaki koşullar sağlanmadıkça görünümün genişliğini belirler. hepsi buluştu, öyle değil. –

Firefox içinde satır içi SVG oluşturma

cevap

İlgili konular