ผ้าใบ HTML setTransform () วิธีการ
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง
ตัวอย่าง
วาดรูปสี่เหลี่ยมโดย setTransform A () ตั้งค่าและสร้างการแปลงเมทริกซ์ใหม่วาดรูปสี่เหลี่ยมอีกครั้งตั้งค่าและสร้างเมทริกซ์การเปลี่ยนแปลงใหม่แล้ววาดรูปสี่เหลี่ยมผืนผ้าอีกครั้ง โปรดทราบว่าเมื่อใดก็ตามที่คุณโทร setTransform () ซึ่งก่อนที่จะรีเซ็ตเมทริกซ์การเปลี่ยนแปลงและสร้างเมทริกซ์ใหม่ในตัวอย่างด้านล่าง, สี่เหลี่ยมสีแดงจะไม่แสดงเพราะมันเป็นดังต่อไปนี้รูปสี่เหลี่ยมผืนผ้าสีน้ำเงิน:
javascript:
var ctx=c.getContext("2d");
ctx.fillStyle="yellow";
ctx.fillRect(0,0,250,100)
ctx.setTransform(1,0.5,-0.5,1,30,10);
ctx.fillStyle="red";
ctx.fillRect(0,0,250,100);
ctx.setTransform(1,0.5,-0.5,1,30,10);
ctx.fillStyle="blue";
ctx.fillRect(0,0,250,100);
ลอง»
สนับสนุนเบราว์เซอร์
Internet Explorer 9, Firefox, Opera, Chrome และ Safari สนับสนุน setTransform () วิธีการ
หมายเหตุ: 8 และรุ่นก่อนหน้าของ Internet Explorer ไม่สนับสนุน <ผ้าใบ> องค์ประกอบ
ความหมายและการใช้งาน
วัตถุบนผืนผ้าใบแต่ละคนมีเมทริกซ์การเปลี่ยนแปลงในปัจจุบัน
setTransform () วิธีการเมทริกซ์การเปลี่ยนแปลงในปัจจุบันรีเซ็ตเมทริกซ์และจากนั้นทำงานกับพารามิเตอร์เดียวกัน แปลง ()
ในคำอื่น ๆ setTransform () ช่วยให้คุณสามารถซูมหมุนและเอียงย้ายสภาพแวดล้อมในปัจจุบัน
หมายเหตุ: การแปลงนี้จะมีผลเฉพาะ setTransform () วิธีการที่เรียกว่าหลังจากการวาดภาพ
ไวยากรณ์ javascript: | บริบท .setTransform (A, B, C, D, E, F); |
---|
ค่าพารามิเตอร์
参数 | 描述 |
---|---|
a | 水平缩放绘图。 |
b | 水平倾斜绘图。 |
c | 垂直倾斜绘图。 |
d | 垂直缩放绘图。 |
e | 水平移动绘图。 |
f | 垂直移动绘图。 |
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง