使用 Raphael JavaScript 库绘制曲线?

发布于 2024-11-14 23:42:48 字数 268 浏览 2 评论 0原文

我正在画一条从 A 点到 B 点的曲线。我知道点的坐标。我怎样才能画出这条曲线。我使用了 Raphael 网站 http://raphaeljs.com/curver.html 的示例,但我没有不明白我应该如何将我自己的值插入到该函数中。

在此处输入图像描述

I'm drawing a curve from point A to point B. I know coordinates of points. How can I draw this curve. I have used example from Raphael site http://raphaeljs.com/curver.html, but I didn't understand how I should insert my own values to that function.

enter image description here

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

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

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

白云悠悠 2024-11-21 23:42:49

您将需要使用 Raphael (qv) 中的 Path 方法和 SVG 路径表示法。要使用的路径类型是三次/二次贝塞尔曲线或椭圆弧之一,具体取决于您想要哪种曲线。

You will want to use the Path method in Raphael (qv) with SVG path notation. The type of path to use would be one of cubic/quadratic bezier curve or elliptical arc depending on what kind of curve you want.

情丝乱 2024-11-21 23:42:48

Raphael 没有计算曲线的函数,它直接使用 SVG 路径。完整规范位于此处 http://www.w3.org/TR/SVG/paths .html#PathDataMovetoCommands

在示例中,路径在这里定义;

path2 = [["M", x, y], ["L", ax, ay], ["M", bx, by], ["L", zx, zy]];

每个子数组代表一次笔操作; moveto、closepath、lineto 。

Raphael is not computing a function for the curve, it directly uses SVG paths. Full spec is here http://www.w3.org/TR/SVG/paths.html#PathDataMovetoCommands .

In the example the path is defined here;

path2 = [["M", x, y], ["L", ax, ay], ["M", bx, by], ["L", zx, zy]];

Each sub-array represents a pen operation; moveto, closepath, lineto .

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文