svg - 纯色双色描边

标签 svg

如何创建具有双色描边的路径/矩形?例如。如果笔触宽度是2px,我希望外部1px为黑色,内部1px为蓝色。我应该使用渐变或图案,还是需要采取某种黑客手段?

最佳答案

据我所知,不支持定义相对于路径/矩形的笔画位置(内部、中间、外部)

正如本提案所示:http://www.w3.org/Graphics/SVG/WG/wiki/Proposals/Stroke_position

我认为你必须制作两个矩形/路径并单独描边它们。

关于svg - 纯色双色描边,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9450577/

相关文章:

css - 如何将我的 svg 图像定位到浏览器的中心

html - Svg 动画 : begin and end

html - 在CSS中反转动画的起点和终点

css - 使用 z-index 样式属性的 SVG2 堆叠系统似乎无法正确解释

javascript - 在 Angular CLI 项目中导入 SVG 文件?

javascript - 如何将鼠标移动距离转换为 SVG 坐标空间?

javascript - 动态更改外部 SVG 文件的 CSS 文件?

svg - 生成的 SVG 的替代文本

css - 如何跨浏览器一致地生成带下标的 SVG 文本?

javascript - SVG 文本路径在 IE 中无法正常工作