绘制一条不会在图像拉伸时变粗的线
绘制一条不会在图像拉伸时变粗的线
提问于 2012-04-15 15:20:43
在SVG中有没有一种方法可以在图像拉伸时绘制一条保持细长的线条？
我使用SVG图像作为CSS背景，如下所示：
<svg ... preserveAspectRatio="none" viewBox="0 0 15 15">
<line x1="0" y1="15" x2="15" y2="0"
color="#000" stroke="#333" stroke-width="1" />
</svg> (对角线)。我通过一个矩形元素拉伸这个图像，当元素越大，线条就越粗，但我需要一条始终很细的线条。
有可能吗？就像闪光灯里的“细”线。
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-04-15 17:16:49
在实现SVG1.2T的浏览器中，你可以有一个Firefox和Webkit支持这一点，就像non-scaling stroke版本15一样。
<!-- via property -->
<line … vector-effect="non-scaling-stroke" />
<!-- via CSS -->
<style>
line { vector-effect:non-scaling-stroke }
</style>
<line … />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10160262
复制相关文章
相似问题