Javascript HTML页面上带有文本的交互式形状

所以我的任务是做一个项目。让我先展示一些东西

在这一个。紫色形状应仅在单击“持久返回零件”时出现

---

现在，我正在为如何做到这一点而构思一些想法。我想问的是，是否有可能以交互方式在html中重新创建所有这些内容。

SVG才是您真正想要的

---

SVG有一个具有不同元素的DOM，允许您拥有多边形，并且可以任意放置。您也可以根据需要嵌入文本并进行布局。浏览器中的SVG可以被脚本化，也可以使用CSS。

如果我们考虑添加的标签，当然可以做到这一点。我很确定你看到的比这更复杂，不是吗？为什么有人对这个问题投反对票？它清晰简洁，有具体的问题，提供了足够的信息。@Brad可能是因为它是基于意见的。。。最佳方法=opinion@TemaniAfif对于任何真正读过这个问题的人来说，他们会发现它根本不是基于观点的。只有两种方法可以做到这一点（SVG和Canvas），Canvas完全是错误的答案。@Brad抱歉，但我不同意只有两种方法：）。。如果需要，我们也可以使用纯CSS/HTML来实现这一点。有了画布，有了SVG，有了依赖于此的JS库，etci认为我需要了解SVG。我最初的方法是为形状找到一些js脚本，但我想这需要更多的时间。谢谢你。我会在12分钟后选择这个作为答案我不是那个做这件事的人。我把它升级为0。@Selim您可以找到JS脚本，但这并不意味着您不会使用SVG。。JS肯定会依赖SVG或其他类似canvas的东西