Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

ขนาดตัวอักษรเศษส่วนสำหรับผ้าใบ HTML5?


สำหรับขนาดฟอนต์ที่เป็นเศษส่วน ในระหว่างการเริ่มต้นจะแสดงข้อความที่ขนาดฟอนต์มาตรฐาน หลังจากนั้นให้วัดความยาวเส้น

ใช้ผืนผ้าใบที่ซ่อนอยู่เพื่อแสดงข้อความจากนั้นใช้ drawImage กับผืนผ้าใบหลักด้วยตัวคูณตามความกว้าง

ctx.font = (font_size * zoom) + "px Georgia";
ctx.fillText(mytext,0, 0);

var s = (iniLineLength * zoom) / ctx.measureText(mytext) ;
mainContext.drawImage(tmpCanvas,x, y, pw * s, ph);