Method ya HTML canvas translate()

Makala ya kielektroniki ya HTML5 Canvas

Muhtasari

translate() kufikiria ujenzi wa (0,0) kwa kifungu cha picha.

注释：Kwa sababu wewe unatumia kwa fillRect() mashirika yasiyotumika wakati wa x na y Jaribu kuzingatia

Maelezo ya mtu wa kufa kwa uharibifu wa msingi

Mfano

Chorisha ukurasa wa kifungu (10,10) kwa ukurasa wa kifungu, tena wakati uwanunuzwe kwa (0,0) kufikia (70,70). Chorisha tena ukurasa wa kifungu (kamaanisha ukurasa wa kifungu kuanza kufikia (80,80)):

Mashambulizi wako haukubali taabu ya HTML5 canvas tag.

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

亲自试一试

语法

context.translate(x,y);

参数值

参数 描述
x 添加到水平坐标（x）上的值。
y 添加到垂直坐标（y）上的值。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

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

注释：Internet Explorer 8 以及更早的版本不支持 元素。

Makala ya kielektroniki ya HTML5 Canvas