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 浏览

启动你的职业生涯

完成课程即可获得认证

开始