Помощник
 |
|
|
|
|
Сообщение сайта
|
 Вращение картинки за курсором |
Le Thaw
|
Сообщение
#1
|
||
|
0  Группа: User Сообщений: 28 Регистрация: 11.9.2010 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
locky-yotu
|
 11.9.2010, 18:37;
Ответить: locky-yotu
Сообщение
#2
|
|
0 Группа: User Сообщений: 0 Регистрация: 13.6.2009 Поблагодарили: 0 раз Репутация: 0
|
ок, чем помочь? есть какие-то наработки? то есть вам кинуть ссылок на мануалы или написать за вас?
|
|
|
|
|
Alcorn
|
11.9.2010, 18:42;
Ответить: Alcorn
Сообщение
#3
|
 0 Группа: Active User Сообщений: 1881 Регистрация: 13.6.2009 Поблагодарили: 0 раз Репутация: 0
|
(locky-yotun @ 11.9.2010, 21:37)  написать за вас более предпочтительный вариант :rolleyes: |
|
|
|
|
locky-yotu
|
11.9.2010, 18:56;
Ответить: locky-yotu
Сообщение
#4
|
|
0 Группа: User Сообщений: 0 Регистрация: 13.6.2009 Поблагодарили: 0 раз Репутация: 0
|
Alcorn, ну ты-то я думаю и сам легко напишешь)
|
|
|
|
|
Le Thaw
|
Сообщение
#5
|
|
0 Группа: User Сообщений: 28 Регистрация: 11.9.2010 Поблагодарили: 0 раз Репутация: 0
|
Есть такой код
var cv, ctx, size = 80; var img = new Image(); img.src = "examples/ff.jpg"; function a() { cv = document.getElementById("aa"); ctx = cv.getContext("2d"); l(); } function l() { size = (size + 1) % 800; cv.width = Number(size + 200); cv.height = Number((size + 200) / 2); // Firefox autoclears the canvas at this point ctx.save(); ctx.translate(50, 50); ctx.scale(0.1, 0.1); ctx.rotate(size/800 * Math.PI*8); ctx.drawImage(img, 0, -75); ctx.restore(); setTimeout(l, 50); } Но он вращает не так как надо. И на курсор не показывает. |
|
|
|
|
Alcorn
|
11.9.2010, 19:34;
Ответить: Alcorn
Сообщение
#6
|
|
0 Группа: Active User Сообщений: 1881 Регистрация: 13.6.2009 Поблагодарили: 0 раз Репутация: 0
|
(locky-yotun @ 11.9.2010, 21:56) Alcorn, ну ты-то я думаю и сам легко напишешь) Предоставим это великое дело автору темы :rolleyes: |
|
|
|
|
Le Thaw
|
Сообщение
#7
|
|
0 Группа: User Сообщений: 28 Регистрация: 11.9.2010 Поблагодарили: 0 раз Репутация: 0
|
(Alcorn @ 11.9.2010, 22:34) Предоставим это великое дело автору темы :rolleyes: Спасибо большое, это такой способ поиздеваться над человеком? Я мало что знаю из JS, именно поэтому и обратился на ваш форум. Т.к. сам не напишу такое с моим опытом, поэтому прошу вас. Alcorn, если бы мог сам написать это "великое дело", то вряд ли бы стал просить помощи мастеров, таких как вы. Как сказал locky-yotun, вам этого ничего не стоит, а для не знающих людей это большой опыт. Не по теме: Мастеру бокса не интересно драться с любителем. Так же и тут, научите вашему мастерству любителей, чтобы было с кем посоревноваться. Возможно сказал бред(не в адеквате, sorry) |
|
|
|
|
Alcorn
|
12.9.2010, 8:20;
Ответить: Alcorn
Сообщение
#8
|
|
0 Группа: Active User Сообщений: 1881 Регистрация: 13.6.2009 Поблагодарили: 0 раз Репутация: 0
|
В первом приближении будет как-то так -
[PHP] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style> html,body { margin:0; padding:0; } </style> <script> x=200; y=200; function b() { cv = document.getElementById("a"); img = document.getElementById('x'); ctx = cv.getContext("2d"); addlst(document,'mousemove',move); } function move(e) { ctx.save(); ctx.translate(x, y); ctx.scale(0.3, 0.3); if (y-e.clientY<0) ctx.rotate(Math.PI-((Math.atan((x-e.clientX)/(y-e.clientY))))); else ctx.rotate(-Math.atan((x-e.clientX)/(y-e.clientY))); ctx.drawImage(img, -Math.ceil(img.offsetWidth/2), -img.offsetHeight); ctx.restore(); } function addlst(el,x,y) { if (el.addEventListener) el.addEventListener(x,y,false); else if (el.attachEvent) el.attachEvent('on'+x,y); } </script> </head> <body> <img style="position:absolute;top:-2000px" id="x" src="2.png"> <canvas style="border:1px solid red;" id="a" width="400" height="400">Canvas недоступен</canvas> <br><input type="button" onclick="b()" value="Rotate"> </body> </html> [/PHP] Дальше доработаете под свои требования. |
|
|
|
|
Le Thaw
|
Сообщение
#9
|
|
0 Группа: User Сообщений: 28 Регистрация: 11.9.2010 Поблагодарили: 0 раз Репутация: 0
|
Поменял картинку и получилось вот такое.
|
|
|
|
|
Alcorn
|
12.9.2010, 11:01;
Ответить: Alcorn
Сообщение
#10
|
|
0 Группа: Active User Сообщений: 1881 Регистрация: 13.6.2009 Поблагодарили: 0 раз Репутация: 0
|
Прикрепите картинку к сообщению и укажите версию браузера, чтобы желающие могли проверить в чём там дело.
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
 Кто и зачем покупает картинки обезьян по $200 тысяч?NFT |
167 | metvekot | 27447 | 6.3.2024, 21:58 автор: Boymaster |
 |
Выравнивание картинки по центру между текстом |
10 | NikN | 2637 | 6.1.2021, 23:24 автор: buypushplatform |
|
Нужно добавить картинки на сайт И видео |
2 | Ksardas777 | 4096 | 17.11.2018, 10:41 автор: Intuit89 |
|
Надо поменять картинки кнопки и всё прочее. Сделать круто, чтобы не стыдно за сайт |
0 | atavisma | 2990 | 6.4.2017, 19:04 автор: atavisma |
|
Вывод изображения при наведения на часть картинки по area | 1 | androv77 | 4846 | 16.7.2016, 17:32 автор: -YroKPROG- |
|
Текстовая версия | Сейчас: 25.4.2024, 13:12 |
