Javascript 改变div元素的形状

我有一个div元素，里面有一些文本，我想把我的div元素塑造成一个多边形或六边形，我想让文本以同样的方式。有什么办法吗？

据我所知，将一个div的形状改成六边形或其他多边形是不可能的。但是有一种使用css制作三角形、六边形和其他形状的方法：

.六边形{ 位置：相对位置； 宽度：300px； 高度：173.21px； 背景色：64C7CC； 利润率：86.60px0； } .hexagon:之前， .六边形：之后{ 内容：； 位置：绝对位置； 宽度：0； 左边框：150px实心透明； 右边框：150px实心透明； } .hexagon:以前{ 底部：100%； 边框底部：86.60px实心64C7CC； } .六边形：之后{ 最高：100%； 宽度：0； 边框顶部：86.60px实心64C7CC； } .内容{ 位置：绝对位置； 左：50%； 最高：50%； 转化：转化-50%，-50%； }

---

asdf你看了吗？这似乎是一个非常相似的场景，添加了一些有趣的元素来将六边形链在一起。

我认为无论出于何种原因，包括OP在内的每个人都缺少了我希望文本以同样的方式出现的部分

这是这里棘手的部分。如果使用“剪辑路径”创建形状，文本仍将是长方体，并将被切掉

div{ 宽度：200px； 剪辑路径：polygon50%0%、100%25%、100%75%、50%100%、0%75%、0%25%； } p{颜色：白色；背景：钢蓝色} 知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

---

某种程度上。查看CSS剪辑路径：谢谢，这是迄今为止我得到的最简单、最好的方法。也许是使用SVG的一个好例子？使用SVG创建并制作动画对我来说不是一件难事。所以我在寻找一个简单的方法。欢迎来到堆栈溢出！问我们建议、查找或推荐一本书、工具、软件库、插件、教程、解释一种技术或提供任何其他非现场资源的问题对于堆栈溢出来说都是离题的。我几乎做了同样的bt，当我在上面使用动画时，一切都崩溃了，但感谢代码。yw，我也不知道有什么办法。希望它能有所帮助