Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.09.2012, 18:19
Аватар для dmitry111
Профессор
Отправить личное сообщение для dmitry111 Посмотреть профиль Найти все сообщения от dmitry111
 
Регистрация: 26.03.2012
Сообщений: 823

События на рисунках canvas
Как присвоить событие картинке на canvas?

<!DOCTYPE html>
<html>
<head>
    <title></title>

        <script>
        function go() {
            var canvas = document.getElementById("canvas"),
                    c = canvas.getContext("2d"),
                    w = canvas.width,
                    h = canvas.height;

            c.beginPath();

            c.arc(w/2, h/2, 30, 0, 2 * Math.PI, false);
            c.lineWidth = 3;
            c.strokeStyle = "#000";
            c.fillStyle = "#eee";
            c.stroke();
            c.fill();
            c.closePath();
        }

    </script>

</head>
<body onload="go()">
<canvas id="canvas" width="100" height="100"></canvas>
</body>
</html>

Последний раз редактировалось dmitry111, 03.09.2012 в 18:27.
Ответить с цитированием
  #2 (permalink)  
Старый 03.09.2012, 18:27
Аватар для dmitry111
Профессор
Отправить личное сообщение для dmitry111 Посмотреть профиль Найти все сообщения от dmitry111
 
Регистрация: 26.03.2012
Сообщений: 823

например в кружочке в примере выше
Ответить с цитированием
  #3 (permalink)  
Старый 03.09.2012, 20:00
Аватар для dmitry111
Профессор
Отправить личное сообщение для dmitry111 Посмотреть профиль Найти все сообщения от dmitry111
 
Регистрация: 26.03.2012
Сообщений: 823

Есть реализация в этой билиотеке. Как это работает?
Ответить с цитированием
  #4 (permalink)  
Старый 04.09.2012, 10:55
Аватар для Positive_fun
Интересующийся
Отправить личное сообщение для Positive_fun Посмотреть профиль Найти все сообщения от Positive_fun
 
Регистрация: 02.09.2012
Сообщений: 20

Если простой такой кружок без рисования сложных логотипов и ты хотел именно чтоб событие срабатывало в конкретном месте логотипа этого нет. А в твоем случае можно привязать обработчик события к самому холсту как к обычному диву но оно будет срабатывать на весь холст а не на кружок то-есть 100х100. Я на канвасе особо не рисовал не знаю всех приколов, может там можно сделать форму холста не квадратную а под твой кружок тогда будет все нормально.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Создание экземпляра Canvas не затрагивая HTML Tails Общие вопросы Javascript 2 09.03.2012 13:55
Canvas события nyols Общие вопросы Javascript 32 15.08.2011 19:19
Передача параметров в колбэки и дальнейшее их вешанье на события. Gremlin Общие вопросы Javascript 17 13.08.2011 08:54
canvas ии события KOLANICH Events/DOM/Window 17 04.11.2010 21:41
Добавить на canvas еще один елемент greengarlic Общие вопросы Javascript 5 22.09.2010 10:16