HTML5 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';
}

喬治·約翰

更新於： 2020 年 6 月 25 日

659 瀏覽

啟動你的職業生涯

完成課程即可獲得認證

開始