中文字幕无码一区二区三区在线,国产精品嫩草影院永久地址 ,亚洲人成一区在线网站

HTML5 canvas畫矩形時出現(xiàn)邊框樣式不一致的解決方法

來源：易賢網(wǎng) 閱讀：1139 次日期：2014-07-23 14:28:22

溫馨提示：易賢網(wǎng)小編為您整理了“HTML5 canvas畫矩形時出現(xiàn)邊框樣式不一致的解決方法”,方便廣大網(wǎng)友查閱！

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

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

代碼如下:

canvas id="myCanvas" width="578" height="200"></canvas>

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>

你會發(fā)現(xiàn)執(zhí)行后邊框樣式不一樣，明顯底部很細(xì)。顏色也略有不同

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

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

更多信息請查看IT技術(shù)專欄

更多信息請查看網(wǎng)頁制作

由于各方面情況的不斷調(diào)整與變化，易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考，敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)！