Ultimele tutoriale de dezvoltare web
 

HTML canvas translate() Method

<Canvas obiect

Exemplu

Desenați un dreptunghi în poziție (10,10) , set nou (0,0) poziția la (70,70) . Redesenați același dreptunghi (notice that the rectangle now starts in position (80,80) :

YourbrowserdoesnotsupporttheHTML5canvastag.

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);
Încearcă - l singur »

Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin metoda.

Metodă
translate() 4 9 3.6 4 10.1

Definiție și utilizare

translate() metoda remaps (0,0) , poziția pe pânză.

Note: Atunci când apelați o metodă cum ar fi fillRect() după translate() , valoarea se adaugă x- și valorile y-coordonate.

Ilustrarea <span class = traduce () metoda "/>

sintaxa JavaScript: context . translate( x,y ) ;

Valorile parametrilor

Note: Puteți specifica unul sau ambii parametri.

Parametru Descriere Joaca-l
x Valoarea pentru a adăuga la orizontală (x) coordonatele Joaca - l »
y Valoarea pentru a adăuga la verticală (y) coordonatele Joaca - l »

<Canvas obiect