home

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

ขนาดฟอนต์ HTML5 Canvas ตามขนาด Canvas

เพื่อปรับขนาดฟอนต์ตามขนาด Canvas มาดูตัวอย่าง:

Canvas: 800px Font Size: 60px

ใช้โค้ดต่อไปนี้เพื่อปรับขนาดฟอนต์ตาม Canvas:

var fontBase = 800;
var fontSize = 60;
function getFont() {
  var ratio = fontSize / fontBase;
  var cSize = canvas.width * ratio;
  return (cSize | 0) + 'px sans-serif';
}