求助svg绘制贝塞尔曲线遇到的问题

发布于 2022-09-07 20:11:51 字数 430 浏览 12 评论 0

已知起点坐标和终点坐标

clipboard.png

当鼠标从 A 连接至 B的时候调用如下代码进行动态绘制连接贝塞尔曲线

svg.g(svg.path(`M${x1},${y1} C${c1[0]},${c1[1]} ${c2[0]},${c2[1]} ${x2},${y2}`)
.attr({stroke: '#a0a0a0', fill: 'none', 'stroke-width': '2', id: `pg${connect.connectId}`}))

x1, y1 为A的坐标, x2, y2为B的坐标

c1和c2的值怎么计算?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文