基于画布大小的HTML5画布字体大小

要缩放字体，让我们来看一个示例。

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