今天小編跟大家講解下有關(guān)HTML5 canvas畫矩形時出現(xiàn)邊框樣式不一致的解決方法 ，相信小伙伴們對這個話題應(yīng)該有所關(guān)注吧，小編也收集到了有關(guān)HTML5 canvas畫矩形時出現(xiàn)邊框樣式不一致的解決方法 的相關(guān)資料，希望小伙伴們看了有所幫助。

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

先附上HTML5畫矩形的的代碼：復(fù)制代碼代碼如下:你會發(fā)現(xiàn)執(zhí)行后邊框樣式不一樣 明顯底部很細。顏色也略有不同把context.rect(188.0, 50, 200, 100.375)修改為context.rect(188.0, 50, 200, 100)后 發(fā)現(xiàn)樣式就完全一致了。由此說明：畫矩形的時候 如果里面的參數(shù)有不是整數(shù)的話 容易導(dǎo)致邊框問題 所以建議大家取整后再用。

來源：愛蒂網(wǎng)

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時候聯(lián)系我們修改或刪除，多謝。

總結(jié)

以上是生活随笔為你收集整理的html边框样式不对,科技常识：HTML5 canvas画矩形时出现边框样式不一致的解决方法...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。