例
位置に四角形描画(10,10) 、新たな設定(0,0)に位置する(70,70) 再び同じ四角形を描く（四角形が現在の位置に開始することに注意してください(80,80) ：
JavaScriptを：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(10,10,100,50);
»それを自分で試してみてください ブラウザのサポート
表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。
| 方法 | |||||
|---|---|---|---|---|---|
| translate() | はい | 9.0 | はい | はい | はい |
定義と使用法
translate()メソッドは、リマップ(0,0)キャンバス上の位置を。
注意：次のようなメソッドを呼び出すときにfillRect()の後にtranslate() 、値はx軸とy座標の値に追加されます。
| JavaScriptシンタックス： | context.translate( x,y ); |
|---|
パラメーター値
注：1または両方のパラメータを指定することができます。
| パラメーター | 説明 | それを再生します |
|---|---|---|
| x | 値は、水平（x）の座標に追加します | それを再生します» |
| y | 垂直（Y）座標に追加する値 | それを再生します» |