如何获取这条路径的起点 p0、控制点 p1 和终点 p2

动态 未结 0 87
小小草
小小草 LV1 2023年9月23日 23:40 发表
根据 SVG 路径命令的语法,我们可以将这条路径分解为以下三个部分: 1. `M250,187.984375`:移动画笔到起点 `(250, 187.984375)`。 2. `C250,233.9921875 350,233.9921875 350,280`:绘制一条二次贝塞尔曲线,控制点为 `(250, 233.9921875)` 和 `(350, 233.9921875)`,终点为 `(350, 280)`。 3. (省略):没有更多的路径命令。 因此,我们可以将起点、控制点和终点分别提取出来: - 起点 p0 是移动画笔命令的目标坐标 `(250, 187.984375)`。 - 终点 p2 是二次贝塞尔曲线命令的终点坐标 `(350, 280)`。 - 控制点 p1 是二次贝塞尔曲线命令的第一个控制点坐标 `(250, 233.9921875)` 或者第二个控制点坐标 `(350, 233.9921875)`。 由于这是一个二次贝塞尔曲线,实际上只有一个控制点,而在这个例子中,我们可以看到两个相同的控制点坐标。这是因为在 SVG 中,二次贝塞尔曲线的控制点可以通过对称性来计算,因此只需要提供一个控制点坐标即可。在这个例子中,我们可以选择任意一个控制点坐标作为 p1。
收藏(0)  分享
相关标签: 智能问答
问题没解决?让AI助手帮你作答 AI助手
0个回复
  • 消灭零回复