SVG Polyline with stroke-linejoin: yuvarlak yuvarlak köşesi gösterilmiyor

Question

Ürettiğim bir SVG'de garip bir oluşturma sorunu görüyorum. Onu küçük bir tekrarlanabilir duruma düşürdüm.

(en azından Safari, Mac Chrome veya Mac Firefox'ta bakıldığında) olarak

<?xml version="1.0" encoding="UTF-8"?> 
<svg xmlns="http://www.w3.org/2000/svg"> 
    <polyline points="41,36 40,35 42,37" style="stroke:black; stroke-linecap:round; stroke-linejoin:round; stroke-width:70"/> 
</svg> 

Bu kılmaktadır. Çok az deforme olmuş bir daire gibi görünen bir şey beklerdim.

Bir şey mi eksik? SVG'ye çok yeni geldim, umarım gözden kaçırdığım bir şey vardır.

Krom 11.0.696.25 beta görünüm (Windows) istenen eşleşir:

Answer 1

Windows üzerinde Safari v5.0.4 içinde oluşturmayı teyit edebilir şudur Sorun, seçmiş olduğunuz üç noktanın bir çizgide olduğu ve 180 derecelik bir dönüş yapacağından kaynaklanıyor. points="100,0 110,0 90,0" kullanırsanız, benzer şekilde 'kötü' sonuç alırsınız. Safari'de 41,3641.01,36 sonra Gördüğünüz doğru sonuçlarındaki ilk noktasını değiştirmek (ve WebKit gece bu gönderme gibi güncel inşa) ise:

Bu sadece bazı render motorları bir ~ hata gibi görünüyor, özellikle çizgi tam olarak 180 derecelik bir dönüş yaptığında stroke-linejoin:round'u nasıl çizmeyi seçtiklerini. WebKit'e karşı a bug report'un bir parçası olarak bu sorunu gösteren a test page'u oluşturdum.