简单测试SVG在路径中有2个笔划是不同的宽度

时间：2016-03-29 19:41:55

标签： svg

这个问题有很多种形式，但它们似乎都没有涵盖这个简单的情况：我在SVG中有2行，它们用不同的笔画宽度绘制。我尝试过其他帖子的多个技巧，但似乎没有任何效果。这里有一些简单的东西，我很想念。

以下是我可以重现的最简单的错误形式：

<!DOCTYPE html>
<html>
<body>
<svg width="120px" height="410px" viewBox="0 0 120 410">
    <g id="rooms" stroke-width="8" stroke="#979797">
        <path d="M0,0 L40,0"></path>
        <path d="M0,20 L40,20"></path>
    </g>
</svg> 
</body>
</html>

这是绘图结果： enter image description here

我还创建了a fiddle，尝试使用其他SO文章建议，但没有效果。我也在Safari，Chrome和Firefox中对此进行了测试，结果都相同。

我有点震惊，这么简单的事情有这种类型的绘图错误。我必须遗漏一些非常明显的东西。在小提琴中，我也尝试使用LINE而不是PATH，并且可以正常工作。这似乎与路径有关。

1 个答案:

答案 0 :(得分：0)

好吧，这确实是一个noob错误。目前尚不清楚行程的宽度是否以线为中心。沿着我的viewBox边缘绘制的所有路径都被有效地剪裁了。

TL; DR：不要从0,0

画画
相关问题
最新问题