Method ya Canvas translate()

Makala ya Canvas

Kichwa na Matumizi

translate() kwa sababu ya kubadilisha eneo cha (0,0) kwenye kifungu cha picha.

Madoa:Kutokana na kufanya matukio kama translate() baadaye, kama vile fillRect() vya kama hivi, matokeo yanatengwa kwenye x na y Kivimbo cha uchezaji.

Muhtasari wa Muhtasari wa Method ya translate()

Mfano

Kuandaa kifungu kwa eneo (10,10), tena kubadilisha uchezaji wa kwanza (0,0) kuwa (70,70). Kuandaa kifungu kina (kila mara hizi kifungu kina kuanza kutoka eneo (80,80)):

Mfumo wako hawezi kusakabisha kifungu cha HTML5 canvas.

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);

Kutendwa na mwenyewe

Ushahidi

context.translate(x,y);

Matokeo ya mashirika

Mashirika Kizuri
x Kigeza kwenye uchezaji wa kilele (x).
y Kigeza kipendekeza kwenye uchezaji (y).

Mwongozo wa kufikiria

Inaruhusiwa na inaruhusiwa kwa sababu ya.browser ya kwanza ya kusaidia hii ya sababu ya.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Madoa:Internet Explorer 8 na zaidi ya zile hazitakabidhi kifaa cha <canvas>.

Makala ya Canvas