() Metode skala HTML kanvas
contoh
Menggambar persegi panjang, memperbesar 200%, dan kemudian menggambar persegi panjang lagi:
JavaScript:
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
Coba »
Dukungan Browser
Internet Explorer 9, Firefox, Opera, Chrome dan Safari skala dukungan () metode.
Catatan: 8 dan versi sebelumnya dari Internet Explorer tidak mendukung <canvas> elemen.
Definisi dan Penggunaan
Metode skala () untuk memperbesar gambar saat ke yang lebih besar atau lebih kecil.
CATATAN: Jika Anda memperbesar gambar, gambar akan diperkecil setelah semua.Positioning akan ditingkatkan. Jika Anda skala (2,2), maka gambar akan terletak di sudut kiri atas kanvas dua kali lebih jauh dari lokasi.
| sintaks JavaScript: | konteks .scale (ScaleWidth, ScaleHeight); |
|---|
Nilai parameter
| 参数 | 描述 |
|---|---|
| scalewidth | 缩放当前绘图的宽度（1=100%，0.5=50%，2=200%，依次类推）。 |
| scaleheight | 缩放当前绘图的高度（1=100%，0.5=50%，2=200%，依次类推）。 |
contoh yang lebih
contoh
Menggambar persegi panjang; tampilannya 200%, lagi menggambar persegi panjang; tampilannya 200%, lagi menggambar persegi panjang; tampilannya 200%, sekali lagi menggambar persegi panjang:
JavaScript:
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);
Coba »
Pedoman kanvas Referensi HTML