如何使用 React 操作 SVG 路径 onclick？

编程问答 2022-05-10

问题描述

我的目标是创建一个交互式 SVG，如下所示： https://codepen.io/iamandrea/pen/rNjPemO

基本上，我想加载一个 SVG 并允许用户单击和修改路径。

但是，此示例使用 Two.Js，我无法将其转换为 React。在做了一些研究之后，我不确定它是否是完成这项任务的最佳库。

我想知道是否有人知道可以做类似事情的图书馆？否则，如果有一种技术可以从 SVG 锚点收集 onClick 数据，那么我可以自己制作。到目前为止，我只能找到如何单击整个 SVG 而不是锚点。

jQuery(function($){
    $('path').click(function(){
  this.style.fill = "#"+colors[i++%colors.length];
});

抱歉，我没有任何其他代码可以显示，我整天都在寻找答案，但没有找到任何东西。

提前感谢任何帮助:)

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

interactivejavascriptmanipulatereactjsreactjsreactjsreactjssvgsvgsvg