Html5 canvas 如何将图像旋转x度,然后沿该方向移动?

Html5 canvas 如何将图像旋转x度,然后沿该方向移动?,html5-canvas,kineticjs,Html5 Canvas,Kineticjs,我是KineticJS的新手,一直在学习教程。我想拍摄一张有“正面”的图像,并将其旋转随机数度,然后使其在新方向上向前移动若干像素/英寸 我可以用它来旋转我的图像 我了解了如何使用Transitiono将图像发送到x/y坐标 我很难把两者联系起来。我觉得我需要随机生成一个新的x/y坐标,然后确定图像指向的位置与从图像中心到新x/y点绘制的线之间的度数差 有人有做这种事情的秘诀吗?如何从一个点画两条线并确定它们之间的角度 提前谢谢 由于余弦定律,您必须计算新的坐标。 一旦你计算了角度,你必须小心,

我是KineticJS的新手,一直在学习教程。我想拍摄一张有“正面”的图像,并将其旋转随机数度,然后使其在新方向上向前移动若干像素/英寸

我可以用它来旋转我的图像

我了解了如何使用Transitiono将图像发送到x/y坐标

我很难把两者联系起来。我觉得我需要随机生成一个新的x/y坐标,然后确定图像指向的位置与从图像中心到新x/y点绘制的线之间的度数差

有人有做这种事情的秘诀吗?如何从一个点画两条线并确定它们之间的角度


提前谢谢

由于余弦定律,您必须计算新的坐标。 一旦你计算了角度,你必须小心,因为你会得到一个绝对角度

如果你需要更多的帮助,不要犹豫。我还必须使用KineticJS进行计算

祝你好运


JS Math对象将非常有用,我想:

我真的不能将任何东西标记为解决方案。我开始查看Paper.js库,并能够使用它来做我想做的事情。可能会把KineticJS放在架子上一段时间。