strokeText(string,x,y)
    字体描边/空心字 不接受字体颜色,如果没有设置字体大小时与正常字体一样,字体样式与选择的字体有关
    Georgia字体 默认字体和默认字体大小 simsun字体

    image.png image.png image.png
    fillText**(string,x,y)
    正常字体 ,字体填充 ,**字体样式与选择的字体有关
    Georgia字体 默认字体和默认字体大小 simsun字体
    image.png image.png image.png
    fo**nt =”字体大小,字体”
    设置字体大小,以及使用哪种字体
    fillSt**yle = ‘color’
    为字体填充颜色,**strokeText()不接受填充的字体颜色

    代码如**下**

    1. <canvas id="canvas" width="500" height="500" style="width: 500px; height: 500px; border: 1ex solid black;"></canvas>
    2. <script>
    3. var canvas = document.getElementById('canvas');
    4. var ctx = canvas.getContext('2d');
    5. ctx.beginPath()
    6. ctx.font = '50px Georgia'; // 字体大小 字体
    7. ctx.fillStyle = 'red'; //字体颜色
    8. ctx.strokeText('text',200,200) // 字体描边/空心字 不接受字体颜色
    9. ctx.fillText('text',200,250) // 正常字体
    10. </script>

    效果如下图
    image.png