Canvas始めました – 移動しましょ

移動するの巻。 setTransformでも行えるが、引数を簡略化した関数としてtranslateが用意されている。 translate(x, y) HTML var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); context.fillStyle = '#0000ff'; context.fillRect(10,10,50,100); context.translate(50,0); context.fillStyle = '#ff0000'; context.fillRect(10,10,50,100); context.translate(50,0); context.fillStyle = '#00ff00'; context.fillRect(10,10,50,