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

Question

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

在这一个。紫色形状应该只在耐用 Returns 部分被点击时出现。

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

Answer 1

SVG 是您真正想要的。

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