ผ้าใบ HTML แปล () วิธีการ
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง
ตัวอย่าง
ที่ตำแหน่ง (10,10) วาดรูปสี่เหลี่ยมผืนผ้าใหม่ (0,0) มีการตั้งค่าไปยังตำแหน่งที่ (70, 70) อีกครั้งวาดรูปสี่เหลี่ยมผืนผ้า (หมายเหตุสี่เหลี่ยมผืนผ้าในขณะนี้ที่จะเริ่มต้นการวาดภาพจากตำแหน่ง (80, 80)) ใหม่:
javascript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(10,10,100,50);
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(10,10,100,50);
ลอง»
สนับสนุนเบราว์เซอร์
Internet Explorer 9, Firefox, Opera, Chrome และ Safari สนับสนุนแปล () วิธีการ
หมายเหตุ: 8 และรุ่นก่อนหน้าของ Internet Explorer ไม่สนับสนุน <ผ้าใบ> องค์ประกอบ
ความหมายและการใช้งาน
แปล () วิธีการแมป (0,0) ตำแหน่งบนผืนผ้าใบ
หมายเหตุ: เมื่อคุณเรียกวิธีการเช่น FillRect () เช่นหลังจากที่ (ก) ในการแปลค่าจะถูกเพิ่ม x และ y พิกัด
ไวยากรณ์ javascript: | บริบท .translate (x, y); |
---|
ค่าพารามิเตอร์
หมายเหตุ: คุณสามารถระบุหนึ่งหรือทั้งสองพารามิเตอร์
参数 | 描述 |
---|---|
x | 添加到水平坐标(x)上的值。 |
y | 添加到垂直坐标(y)上的值。 |
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง