HTML5canvas畫矩形時出現(xiàn)邊框樣式不一致怎么解決

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

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

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

    復(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>

    你會發(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)致邊框問題，所以建議大家取整后再用。

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

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

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

廣告

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