基于画布大小设定 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 次浏览

开启您的 职业生涯

完成课程获得认证

开始