在画布javascript中旋转和更改图像[关闭]答案

【问题标题】：rotate and change image in canvas javascript [closed]在画布javascript中旋转和更改图像[关闭]
【发布时间】：2014-02-07 19:12:00
【问题描述】：

我想做一些类似in this post 的事情，但是更高级的版本..

当鼠标拖动距离不在某个用户定义的范围内时，我还想更改图像，而不是想更改画布中的图像，检查鼠标移动点是否在这两个圆圈之间（不小于或大于）。

【问题讨论】：

我正在使用来自spritespin.ginie.eu 的插件来实现这样的truview.ortery.com/HTMLJavaScript/FlowerRing/HTML5Viewer.html 但没有任何成功
不清楚你到底在问什么。请准确说明您卡在哪里。解释你尝试了什么，你预期会发生什么，以及会发生什么。贴出你写的相关代码。
如果鼠标在圆形范围内拖动，然后通过拖动位置旋转画布中的 perticluar 图像，否则更改图像源，这里在其他部分我使用插件 spritespin.ginie.eu。
更新了我的问题，请看图片。

【解决方案1】：

你没有在你的问题中提供代码，所以这里是一个非代码答案：

您可以使用 Math.atan2 获取鼠标点击的角度并将相同的角度应用于您的图像。

您可以使用毕达哥拉定理来确定从点击到图像中心的距离。然后测试该距离是否在您的 2 个圆的半径之间。

【讨论】：