在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>
(对角线)。我通过一个矩形元素拉伸这个图像,当元素越大,线条就越粗,但我需要一条始终很细的线条。
有可能吗?就像闪光灯里的“细”线。
发布于 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 … />
https://stackoverflow.com/questions/10160262
复制相似问题