Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วัดความสูงข้อความ (Text Height) บน HTML5 Canvas

ตั้ง Font เป็น pt แล้ว Parse ขนาด

ctx.font = "15pt Calibri"; // ตั้ง Font Size เป็น pt

// ดึงตัวเลขขนาดจาก Font String
var height = parseInt(ctx.font.match(/\d+/), 10); // ได้ 15

// หรือใช้ Measure Text (Width เท่านั้น)
var metrics = ctx.measureText("Text");
var width = metrics.width; // ความกว้าง
// Height: ไม่มี measureTextHeight ต้องคำนวณจาก Font Size

หมายเหตุ: measureText() คืนแค่ Width Height ต้องคำนวณจาก Font Size (em box) ประมาณ fontSize * 1.2 (ขึ้นอยู่กับ Font Family)