點評：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>