<canvas style="border: aqua solid 1px;" id=‘canvas‘ width=‘500‘ height=‘500‘></canvas>
<script>
    var canvas = document.getElementById(‘canvas‘);
    context = canvas.getContext(‘2d‘);

    context.font = ‘38pt Arial‘; //字體樣式
    context.fillStyle = ‘red‘; //填充線樣式
    context.strokeStyle=‘blue‘; //
 
輪廓線樣式

    context.fillText("hellocav",100,100); //填充線
    context.strokeText("hellocav",100,100); //輪廓線
</script>

canvas字體樣式