캔버스 크기에 따른 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';
}