Question

如果你查看这个小提琴：http://jsfiddle.net/hr9SN/ - 你可以看到长水平线与其他线相比非常薄。它不像插图画家那样，如下图所示。我从Illustrators SVG Code对话框中获得了代码。我也玩过笔画宽度，但没有帮助，如果有的话，它会夸大问题。

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 456 251" enable-background="new 0 0 456 251" xml:space="preserve">
        <polyline class="svg" points="7.7,221.4 10.7,221.4 10.7,210.4 0.7,210.4 0.7,221.4 5.7,221.4 5.7,252.4 456.7,252.4 456.7,0.4 "/>
 </svg>

 <img src="http://cl.ly/image/341r2T34103X/Screen%20Shot%202014-07-22%20at%2014.34.27.png" alt="">

你知道我如何解决这个问题和/或问题是什么吗？

干杯。

Answer 1

您正沿着视口的边缘绘制线条。结果，这些线的一部分被绘制在可视区域之外。

让您的视图更大。这应该可以解决问题：

viewBox="0 0 460 255"

(JSFiddle link)

SVG行不一致

1 个答案: