例
位置にある長方形の描画(10,10) 、新たに設定され(0,0)に位置する(70,70) 再び同じ四角形を描画(notice that the rectangle now starts in position (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() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
定義と使用法
translate()メソッドは、再マッピング(0,0)キャンバス上の位置を。
Note:次のようなメソッドを呼び出すとfillRect()後にtranslate() 、値はx及びy座標値に加算されます。
翻訳（）メソッド"/> | JavaScriptシンタックス： | context 。 translate( x,y ) 。 |
|---|
パラメータ値
Note:あなたは、1つのまたは両方のパラメータを指定することができます。
| パラメーター | 説明 | それを再生します |
|---|---|---|
| x | 水平に追加する値(x)座標 | それを再生します» |
| y | 垂直に追加する値(y)座標 | それを再生します» |
<Canvasオブジェクト