【发布时间】:2012-09-25 12:30:08
【问题描述】:
我正在 kinteicjs 中创建自定义形状,并在运行时提供参数。
此形状将包括一个弧段。我假设我必须使用 arcTo() 方法来绘制此段,而不是 arc() 方法(如果我错了请纠正我)。
在我看来,为 arcTo() 方法找到正确的参数是地狱。问题:是否有库/自定义 js 代码可以用作绘制弧线的替代方法?
【问题讨论】:
-
您能否详细说明您有哪些参数以及为什么这使得
arcTo难以使用?这里所需的 API 是什么? -
对于每条弧线,我知道两个端点的坐标和圆的半径。问题是这 3 个参数没有映射到 arcTo 函数的参数。我想使用 kineticjs,因为它支持图层和动画。
-
你知道圆心应该在哪个方向吗? (例如,对于左上-右下线上的点,是左下角还是右上角?)。这些信息是如何表示的?
-
圆心可以是双向的。为了说明难度,这里有一个小提琴,我试图在其中追踪圆弧(没有相邻的直线),但事实证明这很困难:jsfiddle.net/d22vw/31
标签: javascript html canvas trigonometry kineticjs