這里是我今下午遇到的問題

首先我想給我的空白紙上畫上網格

然后我就去官方找api試一試能不能用這個Graphics繪制描述的就像下面一樣


這不挺簡單嘛,然后我還是年輕

首先我就掛了一個繪圖組件到我的節點上(注意這個繪圖組件在掛載的時候節點上不能有同屬性的組件,比如sprite)
然后我就在掛上了一個腳本

寫上官方給的案例代碼

start () {var ctx = this.node.getComponent(cc.Graphics);ctx.rect(20,20,150,100);ctx.fill();},

然后我一運行,結果是這樣的

? 這啥情況啊
后來反復實驗,是函數用錯了
Fill指的是填充路徑所圍成的多邊形
stroke指的是繪制路徑所在的線條

這兩個弄清楚了就好了,修改繪制方法就正常了 …

有時候粗心大意或者沒有讀懂文檔就會出現很多想不到的錯誤.以后還是認真閱讀耐心查看官方的文檔.

總結

以上是生活随笔為你收集整理的Cocos creator Graphics绘制线条却出现的是填充图案的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。