這篇“HTML5 canvas畫(huà)矩形時(shí)出現(xiàn)邊框樣式不一致怎么解決”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來(lái)看看這篇“HTML5 canvas畫(huà)矩形時(shí)出現(xiàn)邊框樣式不一致怎么解決”文章吧。

創(chuàng)新互聯(lián)公司主要從事網(wǎng)頁(yè)設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、成都響應(yīng)式網(wǎng)站建設(shè)公司、程序開(kāi)發(fā)、網(wǎng)站優(yōu)化、微網(wǎng)站、小程序制作等，憑借多年來(lái)在互聯(lián)網(wǎng)的打拼，我們?cè)诨ヂ?lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的成都網(wǎng)站建設(shè)、成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷(xiāo)經(jīng)驗(yàn)，集策劃、開(kāi)發(fā)、設(shè)計(jì)、營(yíng)銷(xiāo)、管理等多方位專(zhuān)業(yè)化運(yùn)作于一體。

    先附上HTML5畫(huà)矩形的的代碼：

    復(fù)制代碼

    代碼如下:

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

    <script>

    varcanvas=document.getElementById('myCanvas');

    varcontext=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)樣式就完全一致了。

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

以上就是關(guān)于“HTML5 canvas畫(huà)矩形時(shí)出現(xiàn)邊框樣式不一致怎么解決”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

標(biāo)題名稱(chēng)：HTML5canvas畫(huà)矩形時(shí)出現(xiàn)邊框樣式不一致怎么解決
標(biāo)題鏈接：http://www.rwnh.cn/article28/ghsojp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、域名注冊(cè)、、網(wǎng)站改版、關(guān)鍵詞優(yōu)化、用戶(hù)體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)