Computer >> Máy Tính >  >> Lập trình >> Javascript

Kích thước phông chữ phân số cho HTML5 Canvas?

Đối với kích thước phông chữ phân số, trong quá trình khởi tạo hiển thị văn bản ở kích thước phông chữ tiêu chuẩn. Sau đó, đo chiều dài đoạn thẳng,

Sử dụng canvas ẩn để hiển thị văn bản trên đó và sau đó sử dụng drawImage cho canvas chính với hệ số theo chiều rộng.

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