這兩天需要用到同事HTML5畫圖的東東，發現里面畫矩形的函數畫出來的邊框出現了樣式不一致的問題，最后我通過一些排除法找到了問題的癥結，現分享給大家。
先附上HTML5畫矩形的的代碼：
<canvas id="myCanvas" width="578" height="200"></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>
你會發現執行后邊框樣式不一樣，明顯底部很細。顏色也略有不同
把context.rect(188.0, 50, 200, 100.375)修改為context.rect(188.0, 50, 200, 100)后，發現樣式就完全一致了。
由此說明：畫矩形的時候，如果里面的參數有不是整數的話，容易導致邊框問題，所以建議大家取整后再用。
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。