如何用canvas实现下图效果？

Question

场景如下图所示，一个箭头沿着曲线路径前进，并且箭头角度与曲线一致

如果不使用svg，只用canvas，怎么才能让箭头沿着自定义的曲线路径运动呢？请大佬指导一下，谢谢了~

Answer 1

如果让我做，我的想法是求圆上任意一点的位置，然后弧度是步长，计算圆上两点的组成的线段角度，就是箭头的角度。

---

translate+rotate 实现

http://jsrun.pro/tRWKp/edit

---

截图的文章链接

Answer 2

可以考虑下 Zrender 或者其他类似的渲染引擎。