html - 保持 SVG 图像的笔划粗细

标签 html css svg

<分区>

如果我有这样的 SVG 图片:

<img src="image.svg">

我可以实现某种属性来控制 SVG 的描边粗细吗?像这样:

<img src="image.svg" stroke="2px">

要获得这种类型的预期效果: SVG scaling simulation

这可能吗?如果不是,这对 SVG 来说是否可行,或者它们只是不能那样工作?

最佳答案

您可以使用 vector-effect="non-scaling-stroke" 演示 here

关于html - 保持 SVG 图像的笔划粗细,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30221323/

上一篇:css - 媒体查询覆盖

下一篇:html - 如何将子导航从主导航中推出?

相关文章:

html - 无法在 Safari 和 Chrome (WebKit) 中将 `margin` 添加到 `<legend>` 元素

html - 剪下透明三 Angular 形的图像

javascript - 如何在 Javascript 中实现随机图像?

html - 无法使用 CSS 将 div 定位到底部 0px

html - 在滚动条后面扩展一个元素

javascript - 定义新的 css 类并在 javascript 中访问其成员

html - 适合内容高度的两个div

html - 仅在悬停时显示文本

image - 将整个 SVG 图像缩放到新尺寸,而无需更新其中所有对象的尺寸

php - SVG/PNG扩展开关