1.メインとなる処理は下記の4つ。 html5で動画を記述する場合、画像を描画>画像を保存>画像を削除 の繰り返し clearRectでcanvas全体をクリアすることもあるが 例)ctx.clearRect(0,0,cW,cH); できる限り変更のあった部分にフォーカスして削除した方が処理は速い。 削除 clearRect() 状態保存 save() 図形描画 fill(),stroke() 状態回復 restore() 繰り返し setInterval() 2.html側に作ったcanvasを取得して、準備をする段階はどんな処理も同じ。 var canvas=document.getElementById('canvas'); if (!canvas||!canvas.getContext) return false; var ctx = canvas.getContext('2d')