0

SVG ラインの始点/終点に実線を付けようとしていますが、マーカーはそれらを使用して形状の値を保持します。それを防ぐ方法はありますか？

ここに私の現在のSVGがあります:

<svg xmlns="http://www.w3.org/2000/svg">
    <defs>
        <marker id="start" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="10" markerHeight="10" orient="auto">
            <circle cx="5" cy="5" r="5" fill="none" stroke="black" />
        </marker>
        <marker id="end" refX="10" refY="5" markerUnits="userSpaceOnUse" markerWidth="10" markerHeight="10" orient="auto">
            <path id="arrow" d="M 0 0 L 10 5 L 0 10 L 0 0" fill="none" stroke="black" />
        </marker>
    </defs>
    <g>
        <path d="M10 50 L70 50" stroke="black" fill="none" stroke-width="0.75pt" stroke-dasharray="10,4" marker-start="url(#start)" marker-end="url(#end)" />       
    </g>
</svg>

円と矢印を立体にしたい。円とパスに stroke-dasharray="none" を追加しようとしましたが、成功しませんでした。

4

3 に答える 3

4

うーん、それは Webkit のバグのようです。stroke-dasharray="none"仕様によると正しい属性である必要がありますがstroke-dasharray="0"、すべてのブラウザーで機能し、(仕様によると) 同じ結果が得られるはずです。

于 2012-11-29T18:51:03.197 に答える
0

Safari6はこのstroke-dasharray="0"属性を無視しているようです。markerWidth私が見つけた唯一の回避策は、stroke-dasharrayを/より大きい値に設定することでしたmarkerHeight。

于 2012-12-01T20:41:39.450 に答える