Как изменить размер элемента canvas при наведении курсора

Question

Я хочу изменить размер и медленно увеличивать размер элемента canvas (например, дуги) в событии mouseover.Как я могу это сделать?

Answer 1

наведение курсора на сам холст?Просто добавьте прослушиватель событий и перерисовайте сцену так, как вы хотите:

// Every time the mouse comes over the canvas the radius increases.
// you could even add a timer so that every time the mouse stays over
// the canvas the radius continues to increase constantly
can.addEventListener('mouseover', function(e) {
    radius += 10;
    ctx.clearRect(0,0,can.width, can.height);
    ctx.beginPath();
    ctx.arc(150, 150, radius, 0, Math.PI*.8, false);
    ctx.stroke();
}, false);

http://jsfiddle.net/dAQdL/

наведите курсор мыши на «объект», нарисованный на холсте?Вам нужно будет добавить постоянство и обнаружение объекта на холст .