我的应用程序生成一组要在SVG中绘制的图形点 . 点值始终在水平和垂直方向上为0-1000 . 绘图发生的矩形的大小可能会改变 .
这是在200 X 85 rect上绘制图形的SVG元素:
<svg width="200" height="85" viewBox="0 0 1000 1000" preserveAspectRatio="none">
<polyline stroke="#e69800"
stroke-width="2px"
fill="none"
points="0,1000 100,900 200,800
300,700 400,600 500,500
600 400 700,300 800,200900,100 1000,0"/>
</svg>
设置 viewBox="0 0 1000 1000"
使图形缩小到适当的大小,问题是这也会以相同的比例缩小线条的宽度,因此该线条不再可见 .
SVG似乎忽略属性 stroke-width="2px"
中的"px" .
有没有办法用绝对像素大小指定线宽(笔画宽度)?
1 回答
您可以使用属性
vector-effect="non-scaling-stroke"
来防止线与其余线一起缩放 .参考:http://www.w3.org/TR/SVGTiny12/painting.html#NonScalingStroke
看来SVG1.1不支持非缩放笔划,因此最终结果可能取决于渲染引擎 .