如何在SVG中实现点击不同Tab时高亮对应线条?-灵析社区

0offer糕手

想实现这样一个需求,点击不同的tab时,高亮对应的线,目前使用svg写的,但是三角形的颜色没办法跟随线去控制。 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240927/1b95984e4625de3b75950e2454325a32.png) 尝试了使用currentColor,但是并没有达到期望值。 demo是使用hover代替点击事件,原以为marker-end之后,三角会属于当前路径的子集,所以想着给三角一个`currentColor`,但是实际尝试下来发现无法达到预期。于是代码由一个三角形改成了三个,目前只能通过单独去修改对应的路径才能实现需求。 期望可以使用一个三角形,鼠标经过不同线时,高亮对应线条及其尾部三角形。 [代码段](https://codepen.io/jerryMiwang/pen/wvbKOOa)

阅读量:176

点赞量:0

问AI
笑面猫
试了一下使用 use 标签,但是发现无法引用 marker 标签的内容。但是类似下面这样是可以的