() 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 »