update: 6/2022

サンプルプログラムのものです。 半径60 pix の枠付き円の Arc関数と透過gif 画像での比較です
750回描画しています。

戻る

//描画関数
ctx.arc (70+i*14,150,60,0, Math.PI * 2, false);
ctx.strokeStyle='yellow';
ctx.fillStyle = 'green';
ctx.fill();
ctx.stroke();

/* 画像ファイルによる
var img = new Image();
img.src = "./pic2.gif";
ctx.drawImage(img,40+i*14,120);
*/
～結果表示～ [ms]単位
描画方法平均最小最大
Arc関数8.464.020.0
透過GIF43.947.0107.0

[速度改善=80.7%]

@tmlbworks