Html5中Canvas畫線有毛邊應(yīng)該怎么解決

Html5 Canvas 所有的畫線指令畫出來的線條都有毛邊（比如 lineTo，arcTo，strokeRect），這是因?yàn)樵贑anvas中整數(shù)坐標(biāo)值對(duì)應(yīng)的位置恰巧是屏幕象素點(diǎn)中間的夾縫，那么當(dāng)按這樣的坐標(biāo)進(jìn)行線條渲染時(shí)所要用到的就是夾縫兩邊的象素點(diǎn)，這樣即便設(shè)置了lineWidth為1也將看到兩個(gè)象素效果的線條，解決方法原象素點(diǎn)+0.5進(jìn)行偏移。

成都創(chuàng)新互聯(lián)是創(chuàng)新、創(chuàng)意、研發(fā)型一體的綜合型網(wǎng)站建設(shè)公司，自成立以來公司不斷探索創(chuàng)新，始終堅(jiān)持為客戶提供滿意周到的服務(wù)，在本地打下了良好的口碑，在過去的十余年時(shí)間我們累計(jì)服務(wù)了上千家以及全國政企客戶，如玻璃鋼雕塑等企業(yè)單位，完善的項(xiàng)目管理流程，嚴(yán)格把控項(xiàng)目進(jìn)度與質(zhì)量監(jiān)控加上過硬的技術(shù)實(shí)力獲得客戶的一致表揚(yáng)。

下面是處理前后的效果比較：

  
  
  
      
      
      
      
  
  
↓ 處理的　　↓ 普通的　　↓ +0.5偏移的
  
  

以上就是Html5中Canvas畫線有毛邊應(yīng)該怎么解決的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章！

標(biāo)題名稱：Html5中Canvas畫線有毛邊應(yīng)該怎么解決
瀏覽路徑：http://m.jiaotiyi.com/article/gcoidi.html