HTML5 canvas画矩形时出现边框样式不一致的解决方法

点评：HTML5画图发现里面画矩形的函数画出来的边框出现了样式不一致的问题，下面把解决问题的思路分享给大家，感兴趣的朋友不要错过

这两天需要用到同事HTML5画图的东东，发现里面画矩形的函数画出来的边框出现了样式不一致的问题，最后我通过一些排除法找到了问题的症结，现分享给大家。

先附上HTML5画矩形的的代码：

复制代码

<canvas></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');

context.beginPath();

context.rect(188.0, 50, 200, 100.375);
context.fillStyle = 'white';
context.fill();
context.lineWidth = 1;
context.strokeStyle = 'red';
context.stroke();
</script>