課程
/前端開發(fā)
/Html5
/Canvas繪圖詳解
請問如果繪制的時候的點，是粗線條的中點的話，為什么直接用lineTo到起點時，只有起點和終點處有缺口，下面卻沒有缺口呢？
2015-11-04
源自：Canvas繪圖詳解 2-4
正在回答
這是由canvas的樣式決定的，當你lineTo回到起點時，canvas可不會認為你這條線是跟起點是連起來的，而是認為你這條線跟起點重合了，所以不會產生轉角樣式，簡單的講，就是斷了。如果要解決這個問題，很簡單：
當你接下來是要lineTo到起點的時候，直接
cxt.closePath();cxt.stroke();
cxt.closePath();
cxt.stroke();
封閉路徑后再執(zhí)行stroke()函數，這樣的話，canvas會自動把終點和起點連在一起并且創(chuàng)造轉角樣式；
一般來說，畫三角形只需要moveTo起點，lineTo第一個點，lineTo第二個點，closePath封閉路徑，stroke執(zhí)行劃線，就可以了
舉報
Canvas系列教程第二課,詳解Canvas各接口，讓同學徹底掌握Canvas繪圖
1 回答關于繪制矩形函數
2 回答?canvas繪制圖形不是moveTo開始的嗎
2 回答繪制六邊形的時候不用通過moveTo設置起始點嗎？”
1 回答canvas繪制地圖
1 回答canvas的五角星繪制問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-11-12
這是由canvas的樣式決定的，當你lineTo回到起點時，canvas可不會認為你這條線是跟起點是連起來的，而是認為你這條線跟起點重合了，所以不會產生轉角樣式，簡單的講，就是斷了。如果要解決這個問題，很簡單：
當你接下來是要lineTo到起點的時候，直接
封閉路徑后再執(zhí)行stroke()函數，這樣的話，canvas會自動把終點和起點連在一起并且創(chuàng)造轉角樣式；
一般來說，畫三角形只需要moveTo起點，lineTo第一個點，lineTo第二個點，closePath封閉路徑，stroke執(zhí)行劃線，就可以了