如何用 SVG 或 Canvas 实现三阶贝塞尔曲线编辑器并处理坐标轴变更和曲线拉长效果？-灵析社区

加班使我熟睡

用 svg 或者 canvas 怎么制作三阶贝塞尔曲线的编辑器，其中有一个交互好难啊。![Kapture 2024-06-26 at 11.40.50.gif](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/8df50b5c2700ca8d0b780c6128b26367.png) 绘制曲线和拖拽都做完了，现在就是搞不明白 坐标轴的变更，曲线被拉长的效果如何实现 体验地址：[https://huoxing.alipay.com/studio/?name=%E6%9C%AA%E5%91%BD%E5...](https://link.segmentfault.com/?enc=e8YQYjcgDILqRAceEh%2Fp3w%3D%3D.ytWtPqAiioPBSI2YZ0Wz%2BY%2F0ILMYkfGlVw4Gu0RDbMZgPVh4cDReRqS9vXpq3H2atOhIfvQS8bLlisgbrR3P08Dsqna7OW1lejt6E9t%2BbUY%3D) 在底部的时间轴可以打开曲线编辑器

阅读量：172

点赞量：0

问AI
"https://juejin.cn/post/6844903494906806285" (https://link.segmentfault.com/?enc=BHWqIm%2BMg%2B4qSKHmFRWZdQ%3D%3D.8eX7dBSZaciz3kDXsQSqlnEFhhejblb7itDLa%2BqVFoCBGRyorz%2B5b%2BnGPLu1skSo)