基於畫布大小設定 HTML5 Canvas 字型大小

為了調整字型，讓我們看一個例子。

Canvas: 800px Font Size: 60px

需要使用以下程式碼按照畫布調整字型大小 −

var fontBase = 800;
var fontSize = 60;

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

George John

更新於:2020 年 6 月 25 日

659 次瀏覽

開啟您的 職業生涯

完成課程獲得認證

開始