mouseoverでキャンバス要素のサイズを変更するには

Question

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/

をキャンバスに描かれた「オブジェクト」をマウスオーバー？あなたはadd object persistence and detection to the canvasにする必要があります。