婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > HTML5 canvas畫矩形時出現邊框樣式不一致的解決方法

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

熱門標簽:小朱地圖標注 地圖標注柱狀圖 四川移動電銷外呼客戶管理系統 智能芯電話機器人 臨海地圖標注app 咸陽穩定外呼系統軟件 400開頭的電話好申請不 百度地圖標注為什么總是封號 怎么做百度地圖標注

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

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

你會發現執行后邊框樣式不一樣,明顯底部很細。顏色也略有不同

把context.rect(188.0, 50, 200, 100.375)修改為context.rect(188.0, 50, 200, 100)后,發現樣式就完全一致了。
由此說明:畫矩形的時候,如果里面的參數有不是整數的話,容易導致邊框問題,所以建議大家取整后再用。

標簽:山南 公主嶺 黃石 黃石 平頂山 平涼 南平 陜西

巨人網絡通訊聲明:本文標題《HTML5 canvas畫矩形時出現邊框樣式不一致的解決方法》,本文關鍵詞  HTML5,canvas,畫,矩形,時,出現,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML5 canvas畫矩形時出現邊框樣式不一致的解決方法》相關的同類信息!
  • 本頁收集關于HTML5 canvas畫矩形時出現邊框樣式不一致的解決方法的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 卢湾区| 平罗县| 麻城市| 遵化市| 广西| 县级市| 陆河县| 阳春市| 门头沟区| 大渡口区| 酉阳| 巴东县| 海南省| 马边| 肥东县| 拜泉县| 剑川县| 句容市| 梅河口市| 称多县| 崇明县| 唐河县| 河东区| 安图县| 收藏| 集贤县| 两当县| 黑河市| 丹东市| 卢氏县| 台前县| 淮北市| 开原市| 镇安县| 大理市| 张家川| 黎川县| 烟台市| 阿拉善左旗| 响水县| 舒城县|