2014-01-18 3 views
-2

поворот и изменение изображения в холст Javascript

Я хочу сделать что-то вроде in this post, но более продвинутую версию этого ..

Я также хочу изменить изображение при наведении курсора мыши перетащить расстояние не в какой-то определенной пользователем чем хотите изменить изображение в холсте, проверьте, находится ли точка перемещения мыши между этими двумя кругами (не менее или больше).

+0

Я использую плагин из http://spritespin.ginie.eu/ для достижения этого http://truview.ortery.com/HTMLJavaScript/FlowerRing/HTML5Viewer.html, но не имеет никакого успеха – Sagar

+0

Непонятно, что именно вы спрашивают. Укажите, где именно вы застряли. Объясните, что вы пытались, что вы ожидали, и что происходит вместо этого. Опубликуйте соответствующий код, который вы написали. – Philipp

+0

, если мышь перетащить в круговой диапазон, а затем повернуть это изображение perticluar в холсте с помощью позиции перетаскивания, иначе измените источник изображения, здесь, в другой части, я использую плагин spritespin.ginie.eu. – Sagar

ответ

0

Вы не предоставили код в ваш вопрос, так что здесь не является код ответа:

Вы можете использовать Math.atan2, чтобы получить угол щелчка мыши и применить тот же угол к изображению.

Вы можете использовать червь pythagora для определения расстояния от клика до центра изображения. Затем проверьте, находится ли это расстояние между радиусами ваших двух окружностей.

Смежные вопросы