Method ya kichwa cha kufuatilia scale()

Mwongozo wa Canvas

Maelezo na matumizi

scale() Makina ya kubadilika kipimo cha kichwa cha kufuatilia, kubadilika kubadilika kubadilika.

Mwongozo:Ikiwa unafikia kichwa cha kufuatilia, kichwa cha kufuatilia kila kitu kinachofuata kwa uadilifu. Ikiwa unasoma scale(2,2)inaangalia, kichwa cha kufuatilia kimeenea hadi kimaadili kwa kina kikuu cha kamba ya kichwa cha kufuatilia.

Mfano

Mfano 1

Kichwa cha kikafuta kikuu, kubadilika hadi 200%, tena kichwa cha kikafuta kikuu:

Hali wakati wetu haweza kusukumwa kamba ya HTML5 canvas tag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);

Jifunze tena

Msaada:Mafano mengi yanatolewa katika chini ya ukurasa.

Mabaki ya lugha

context.scale(scalewidth,scaleheight);

Matumizi ya thamani

Matumizi Maelezo
scalewidth Kubadilika kipimo cha kichwa cha kufuatilia (1=100%, 0.5=50%, 2=200%, na sio sawa).
scaleheight Kubadilika kipimo cha kichwa cha kufuatilia (1=100%, 0.5=50%, 2=200%, na sio sawa).

Mafano mengi

Mfano 2

Kichwa cha kikafuta kikuu; kubadilika hadi 200%, tena kichwa cha kikafuta kikuu; kubadilika hadi 200%, tena kichwa cha kikafuta kikuu; kubadilika hadi 200%, tena kichwa cha kikafuta kikuu:

Hali wakati wetu haweza kusukumwa kamba ya HTML canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);

Jifunze tena

Mawasiliano wa kibarivyo

Mabara ya jadwaa inaonyesha barivyo ya kwanza ya kusimamia hiyo kina.

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

Mwongozo:Internet Explorer 8 na zaidi ya hivi hali hazina kusimamia kitu <canvas>.

Mwongozo wa Canvas