ผ้าใบ HTML measureText () วิธีการ
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง
ตัวอย่าง
ก่อนที่จะส่งออกข้อความผ้าใบให้ตรวจสอบความกว้างของตัวอักษร:
javascript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World"
ctx.fillText("width:" + ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);
var ctx=c.getContext("2d");
ctx.font="30px Arial";
var txt="Hello World"
ctx.fillText("width:" + ctx.measureText(txt).width,10,50)
ctx.fillText(txt,10,100);
ลอง»
สนับสนุนเบราว์เซอร์
Internet Explorer 9, Firefox, Opera, Chrome และ Safari สนับสนุน measureText () วิธีการ
หมายเหตุ: 8 และรุ่นก่อนหน้าของ Internet Explorer ไม่สนับสนุน <ผ้าใบ> องค์ประกอบ
ความหมายและการใช้งาน
measureText () วิธีการส่งกลับวัตถุที่มีตัวอักษรระบุไว้ในพิกเซลของความกว้าง
เคล็ดลับ: หากคุณต้องการที่จะส่งออกไปยังข้อความผ้าใบก่อนผมเข้าใจความกว้างของข้อความที่ใช้วิธีนี้
ไวยากรณ์ javascript: | บริบท.measureText (ข้อความ) ความกว้าง; |
---|
ค่าพารามิเตอร์
参数 | 描述 |
---|---|
text | 要测量的文本。 |
คู่มือการใช้งาน HTML ผ้าใบอ้างอิง