這兩天需要用到同事HTML5畫圖的東東，發現里面畫矩形的函數畫出來的邊框出現了樣式不一致的問題，最后我通過一些排除法找到了問題的癥結，現分享給大家。

先附上HTML5畫矩形的的代碼：

你會發現執行后邊框樣式不一樣，明顯底部很細。顏色也略有不同




把context.rect(188.0, 50, 200, 100.375)修改為context.rect(188.0, 50, 200, 100)后，發現樣式就完全一致了。

由此說明：畫矩形的時候，如果里面的參數有不是整數的話，容易導致邊框問題，所以建議大家取整后再用。

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。