Fatal编程技术网
  • css/
  • Css 画一条没有'；图像拉伸时不会变厚

Css 画一条没有'；图像拉伸时不会变厚

css svg

Css 画一条没有'；图像拉伸时不会变厚,css,svg,Css,Svg,在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> （对角线）。我通过一个矩形元素拉伸这个图像，

在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>
（对角线）。我通过一个矩形元素拉伸这个图像，当元素越大，线条越粗，但我需要一条总是很细的线条

可能吗？类似于flash中的“细线”。

在实现SVG1.2T的浏览器中，您可以使用Opera和Webkit来支持这一点，正如版本15中的Firefox一样


行{矢量效果：非缩放笔划}
您是如何扩展它的？使用桌面应用程序还是某种库？你不能在转换后重置
笔划宽度
吗？我将它用作网页中的CSS背景。无法重置笔划宽度：/I我根本不知道该库，但我想你可以用RaphaelJS完全重置笔划宽度。可能值得一试？IE9不支持非缩放笔划。我不知道IE10是否支持这个功能。