strokeText(string,x,y)
字体描边/空心字 不接受字体颜色,如果没有设置字体大小时与正常字体一样,字体样式与选择的字体有关
Georgia字体 默认字体和默认字体大小 simsun字体
fillText**(string,x,y)
正常字体 ,字体填充 ,**字体样式与选择的字体有关
Georgia字体 默认字体和默认字体大小 simsun字体
fo**nt =”字体大小,字体”
设置字体大小,以及使用哪种字体
fillSt**yle = ‘color’
为字体填充颜色,**strokeText()不接受填充的字体颜色
代码如**下**
<canvas id="canvas" width="500" height="500" style="width: 500px; height: 500px; border: 1ex solid black;"></canvas>
<script>
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.beginPath()
ctx.font = '50px Georgia'; // 字体大小 字体
ctx.fillStyle = 'red'; //字体颜色
ctx.strokeText('text',200,200) // 字体描边/空心字 不接受字体颜色
ctx.fillText('text',200,250) // 正常字体
</script>
效果如下图