欧美国产另类久热|951超碰伊人久久|伊人影视久久久久|色婷婷亚洲小电影|色东京热69XX|婷婷玖玖深爱网|加勒比东京热网站|无码A级毛片在线观看|一级a毛一级a看|中文字幕人妻欧美

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

先附上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>

你會(huì)發(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ù)有不是整數(shù)的話，容易導(dǎo)致邊框問題，所以建議大家取整后再用。

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