跳到主要内容

绘图 Graphics

Graphics是 2D 绘制的基础,它提供了几乎与Canvas Draw APIs等同的形状绘制能力。

示例

绘制各类形状:

绘制文本:

使用

Graphics只可以通过Sprite实例的.graphics属性访问。

// 调用各种绘制指令
sp.graphics.drawXXX(...args);

常用能力

Graphics的绘制能力几乎等同于Canvas Draw APIs,能够绘制:

  • 圆:.drawCircle
  • 矩形:.drawRect
  • 线条:.drawLine.drawLines
  • 曲线:.drawCurve
  • 图片:.drawTexture
  • 文本:.drawText

需要注意的是,绘制形式是stroke还是fill取决于fillColor的参数值:若fillColor有值,则为fill,否则为stroke

在多 Sprite、多绘制指令的情况下,渲染顺序是由用户控制的:先加入场景的 sprite 先渲染,先调用的绘制指令先完成。

同时,可以通过.clear命令清空当前画布。