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

Question

所以我受命做一个项目。所以让我先展示一些东西。

在这个。紫色形状仅在单击“耐用退货”部件时出现。

现在，我正在提出一些空白，并提出了有关如何执行此操作的想法。我想问的是，是否有可能在html中以交互方式重新创建所有这些内容。

Answer 1

SVG是您真正想要的。

SVG的DOM具有不同的元素，使您可以具有多边形，并且可以任意放置。您也可以嵌入文本并根据需要对其进行布局。 SVG浏览器可以编写脚本，也可以应用CSS。