SVGストローク付き線ポリゴン：丸みのある角が丸くない

Question

私が生成しているSVGに奇妙なレンダリングの問題があります。私はそれを小さな再現可能なケースに絞り込んだ。

<?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> 

これは

（サファリ、マッククロム、またはMacのFirefoxで表示少なくともとき）としてレンダリングされます。私は、非常にわずかに変形した円のように見えるものを期待しています。

何か不足していますか？私はSVGを新しくしているので、間違いなく私が見落としたことがあります。私はWindows上のSafariのv5.0.4でレンダリングを確認することができ

Answer 1

はこれです：

クローム11.0.696.25ベータ版（Windowsの場合）の出現が求められているものと一致：

問題は、あなたが選んだ3つのポイントがすべて正確にラインに沿って180度回転するという事実に由来します。 points="100,0 110,0 90,0"を使用すると、同様に「悪い」結果になります。あなたは41,36から41.01,36への最初の点を変更した場合、あなたは正しいSafariでの結果（およびWebKitのは、毎晩この投稿の現在のビルド）を参照してください：

これは単にいくつかのレンダリングエンジンで〜のバグのように見えます、具体的にどのように彼らがstroke-linejoin:roundを描くのを選んだかは、ラインが180度回転するときです。私はこの問題をWebKitに対してa bug reportの一部として示すa test pageを作成しました。