Question

我有一些SVG元素（矩形）。当我双击这些时，我在矩形中添加了一个类。

这个课程是这样的：

.highlighted {
    stroke: green;
    stroke-width : 3px;     
}

基本上是绿色边框。我尝试过这样的课程：

.highlighted {
    border: 3px solid green;
}

但它不起作用，因为我使用SVG而不是HTML。

我的问题是，是否可以在一个SVG矩形元素上有多个笔划？

Answer 1

目前答案是否定的。

您需要第二个矩形来创建另一个“笔画”。

然而有希望

摘自W3 spec

SVG 2支持多笔画，我们需要在本规范中处理更新的措辞。

至于边框......它们不适用于SVG内部元素，如路径和矩形等....只有完整 SVG本身。

Answer 2

div上可以有多个边框（outline和border），但SVG上没有。您可以尝试使用多个路径。我的SVG知识很少，但我认为应该可以使用SVG Vector Effects来实现这些结果。 “矢量效果允许多次应用抚摸。” http://dev.w3.org/SVG/modules/vectoreffects/master/SVGVectorEffectsPrimer.html

另外，请阅读此内容： https://svgwg.org/specs/strokes/#SpecifyingStrokeAlignment

是否有可能在SVG元素上有两个笔画？

2 个答案: