ขนาดผ้าใบ HTML () วิธีการ
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง
ตัวอย่าง
วาดรูปสี่เหลี่ยมผืนผ้าซูมเข้า 200% แล้ววาดรูปสี่เหลี่ยมผืนผ้าอีกครั้ง:
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);
var ctx=c.getContext("2d");
ctx.strokeRect(5,5,25,15);
ctx.scale(2,2);
ctx.strokeRect(5,5,25,15);
ลอง»
สนับสนุนเบราว์เซอร์
Internet Explorer 9, Firefox, Opera, Chrome และ Safari โยสนับสนุน () วิธีการ
หมายเหตุ: 8 และรุ่นก่อนหน้าของ Internet Explorer ไม่สนับสนุน <ผ้าใบ> องค์ประกอบ
ความหมายและการใช้งาน
ขนาด () วิธีการซูมภาพวาดปัจจุบันที่มีขนาดใหญ่หรือเล็ก
หมายเหตุ: หากคุณซูมในการวาดภาพ, การวาดภาพจะถูกลดขนาดหลังจากทั้งหมดการวางตำแหน่งจะถูกปรับ หากคุณขนาด (2,2) แล้วการวาดภาพจะตั้งอยู่ในมุมบนซ้ายของผ้าใบสองเท่าไกลจากสถานที่ตั้ง
ไวยากรณ์ javascript: | บริบท .scale (scalewidth, scaleheight); |
---|
ค่าพารามิเตอร์
参数 | 描述 |
---|---|
scalewidth | 缩放当前绘图的宽度(1=100%,0.5=50%,2=200%,依次类推)。 |
scaleheight | 缩放当前绘图的高度(1=100%,0.5=50%,2=200%,依次类推)。 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
วาดรูปสี่เหลี่ยมผืนผ้า; ซูม 200% อีกครั้งการวาดรูปสี่เหลี่ยมผืนผ้า; ซูม 200% อีกครั้งการวาดรูปสี่เหลี่ยมผืนผ้า; ซูม 200% อีกครั้งหนึ่งวาดรูปสี่เหลี่ยมผืนผ้า:
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);
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 ผ้าใบอ้างอิง