なぜSVGストローク幅:1ラインを透明にするのですか?
-
29-10-2019 - |
質問
私はSVGを使用してストックチャートを作成していますが、パス要素のストローク幅を1に設定すると問題が発生します。線をより狭くする代わりに、ストローク幅と同じサイズになります。しかし、少し透明です。私は十分な評判ポイントがないので、私はそれの画像を投稿することはできません...
私のSVGタグはそうです:
<div style="height:300px; width:400px; overflow:hidden">
<svg style="position:relative" height="10000" width="10000" version="1.1" xmlns="http://www.w3.org/2000/svg">
</svg>
</div>
そして、JavaScript/jQueryを使用して動的にパス要素を追加します:
var shape = document.createElementNS("http://www.w3.org/2000/svg", "path");
$(shape).attr({"d":"...",
"fill":"none",
"stroke":color,
"stroke-width":"1"});
$("svg").append(shape);
私はパスの価値を除外しました d
それはちょっと長かったので属性。また、 color
は、「緑」、「赤」、または「黒」のいずれかとして手に前に決定される文字列変数です。
私のコードにこれを引き起こしているのか、それとも別の問題がありますか?
正しい解決策はありません
所属していません StackOverflow