HTML 画布三角函数答案

【问题标题】：HTML Canvas TrigonometryHTML 画布三角函数
【发布时间】：2015-12-09 13:25:20
【问题描述】：

我不擅长三角，但我不得不大量使用它来达到我想要的结果。我的数学有问题 [断开的链接]（右键单击）。

有人可以看看motion.js吗？我试图让圆圈朝着右键单击的方向移动。

（如果其他人看到这个问题，请知道我已经用一个工作示例更新了页面）

【问题讨论】：

它不应该做什么？
漂亮的圈子。现在，你在这里问什么？
对不起，伙计们，应该更清楚。我希望圆圈朝着鼠标点击的方向移动。这种行为几乎可以正常工作，只是它似乎偏离了 90 度或其他东西。
"HTML Canvas trigonometry" 应该和普通三角函数一样。也许您应该包含相关代码，而不是让我们搜索它。此外，看起来它的错误不仅仅是方向偏离了 90°（这可能意味着您刚刚翻转了轴）。当您反复单击同一位置时，运动有时会自行反转。
代码太多，无法发布。我想我已经被 Chrome 检查元素宠坏了。而且我知道更多是错误的，这就是为什么我说“三角帮助”而不是“旋转帮助”。而且我只是想根据 Stack Overflow 指南尽可能具体地说明标题。感谢您不必要的反对。

标签： javascript html canvas trigonometry

【解决方案1】：

只是改变

scrollX = scrollX+(Math.cos(d_to_r(direction)))*step;
scrollY = scrollY+(Math.sin(d_to_r(direction)))*step;

与

var factor=direction>0&&direction<90 || direction>180&&direction<270?-1:1
scrollX = scrollX+(Math.cos(d_to_r(direction)))*step*factor;
scrollY = scrollY+(Math.sin(d_to_r(direction)))*step*factor;

【讨论】：