SVG-部分抚摸三角形

我有一个简单的三角形SVG，我一直在想如何像在CSS中一样部分应用边框？我该如何在三角形的左侧和右侧应用笔划，而不是顶部

---

您可以使用

笔划dasharray

设置要绘制的笔划部分

DashArray由一对或多对数字组成，描述要绘制的长度，后跟要跳过的长度。它总是从绘制的长度开始。因此，dasharray的“10 5”表示绘制长度为10的笔划部分，后跟长度为5的间隙。然后重复。再画10，间隔5等

三角形以一条长度为20的水平线开始，然后是两条45度的线（10,10）。另外两条边的长度是14.142，使用毕达哥拉斯定理：sqrt（10^2+10^2）推导得出

因此，绘制两侧的虚线阵列需要：

0 20 28.284

那就是：

• 画一个0的笔划
• 间隙为20（三角形的水平部分）
• 画出另两面（14.142*2）

.svg三角形{
显示：块；
宽度：100px；
变换：旋转（180度）；
}
.svg三角形svg{
填充：#FFF；
行程：#000；
笔画宽度：1px；
笔划不透明度：0.2；
}
.svg三角形svg多边形{
行程数组：0208.284；
}

您无法直接控制笔划的长度。一旦应用，

笔划

将覆盖整个路径。不过，你们可以在三角形周围创建一条新的路径，然后划它。非常感谢你们

0 20 28.284