home

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

ขนาดฟอนต์ทศนิยม (Fractional font sizes) สำหรับ HTML5 Canvas?

สำหรับขนาดฟอนต์ทศนิยม ระหว่าง initialization ให้ render text ที่ขนาดฟอนต์มาตรฐาน แล้ววัดความยาวเส้น

ใช้ hidden canvas render text แล้วใช้ drawImage ไปยัง main canvas พร้อม multiplier บน width

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);