<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>
