CocosCreator中使用Graphlics组件绘制

Graphics组件

定义：Graphics 组件提供了一系列绘画接口，这些接口参考了 canvas 的绘画接口来进行实现。

接口如下

• moveTo(x,y) 把路径移动到画布中的指定点，不创建线条，表示绘制的起始点

  

• lineTo(x,y) 添加一个新点，然后在画布中创建从该点到最后指定点的线条

  let ctx = this.node.getComponent(cc.Graphics);
  // 起始点
  ctx.moveTo(0, 100);
  // A1 点
  ctx.lineTo(20, 20);
  // A2 点
  ctx.lineTo(70, 20);
  ctx.fill();