「javascript」Canvasでテキストのスタイルを変更するサンプル

2014年1月9日2021年8月17日

書式
font プロパティを使用して、カスタムフォントの太さ、大きさ、ファミリーを指定します。
使用例
1.htmlコード

<div id="kk">
    <canvas id="cs" width="400" height="150"></canvas>
</div>

2.jsコード

const cs = document.getElementById('cs');
const ctx = cs.getContext('2d');

ctx.font = 'bold 48px serif';
ctx.strokeText('This is sample', 50, 100);