SVG 线条不一致答案

【问题标题】：SVG lines inconsistentSVG 线条不一致
【发布时间】：2014-07-22 22:01:00
【问题描述】：

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

<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="">

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

干杯。

【问题讨论】：

标签： html css svg adobe-illustrator

【解决方案1】：

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

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

viewBox="0 0 460 255"

(JSFiddle link)

【讨论】：

哦，原来是这样……愚蠢的 Illustrator 没有给我正确的代码……<sarcasm>Adobe 产品通常也很适合使用代码！</sarcasm> 干杯 ossifrage :)