Javascript 使用CSS弯曲线（路径）&；JS？

我想画一条简单的水平线，并在这条线弯曲的地方制作一个动画。我有一个这个动画的视频。你能给我一些建议如何开始以及我必须使用哪个js/css吗

这都是关于矩形底部的线条：

---

提前谢谢

绘制直线/曲线需要标量图形。这可以通过RaphaelJS框架实现。

如果您的客户支持HTML5，您可以随时使用？如果不是的话，我会支持拉斐尔，这是一个很好的工具。

我想拉斐尔会是我的选择：Poweeeerful！：）我考虑过使用html5，因为该应用程序只能在新的webkit浏览器（android、ios、safari、chrome等）上运行。有关于canvas的链接吗？我没有使用canvas的经验（但愿有！），所以我恐怕不能推荐一个库或教程。如果您发现适合您的产品，请告诉我们。