Cocos creator Graphics绘制线条却出现的是填充图案

这里是我今下午遇到的问题

首先我想给我的空白纸上画上网格

然后我就去官方找api试一试能不能用这个Graphics绘制描述的就像下面一样


这不挺简单嘛,然后我还是年轻

首先我就挂了一个绘图组件到我的节点上(注意这个绘图组件在挂载的时候节点上不能有同属性的组件,比如sprite)
然后我就在挂上了一个脚本

写上官方给的案例代码

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

然后我一运行,结果是这样的

? 这啥情况啊
后来反复实验,是函数用错了
Fill指的是填充路径所围成的多边形
stroke指的是绘制路径所在的线条

这两个弄清楚了就好了,修改绘制方法就正常了 …

有时候粗心大意或者没有读懂文档就会出现很多想不到的错误.以后还是认真阅读耐心查看官方的文档.