HTML-doekskaal () Metode
Voorbeeld
Teken 'n reghoek, skaal tot 200%, teken dan weer reghoek:
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);
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die metode ten volle ondersteun.
| Method | |||||
|---|---|---|---|---|---|
| scale() | Yes | 9.0 | Yes | Yes | Yes |
Definisie en gebruik
Die scale() metode skaal die huidige tekening, groter of kleiner.
Let wel: As jy 'n tekening skaal, sal alle toekomstige tekeninge ook geskaal word. Die posisionering sal ook afgeskaal word. As jy skaal(2,2); tekeninge sal twee keer so ver van die linkerkant en bokant van die doek geposisioneer word as wat jy spesifiseer.
| JavaScript-sintaksis: | konteks .skaal( scalewidth,scaleheight ); |
|---|
Parameterwaardes
| Parameter | Description | Play it |
|---|---|---|
| scalewidth | Scales the width of the current drawing (1=100%, 0.5=50%, 2=200%, etc.) | |
| scaleheight | Scales the height of the current drawing (1=100%, 0.5=50%, 2=200%, etc.) |
Meer voorbeelde
Voorbeeld
Teken 'n reghoek, skaal na 200%, teken weer reghoek, skaal na 200%, teken reghoek weer, skaal na 200%, teken weer reghoek:
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);
❮ HTML-doekverwysing