矩形

所有的图片创建都要通过 Graphics 类来实例化。

var rectangle = new Tiny.Graphics();

使用 beiginFill，传入一个16进制的颜色值来设置矩形的填充色，下面我们设置它为天蓝色：

rectangle.beginFill(0x66CCFF);

如果想要给图形加一个描边，使用 lineStyle 方法，下面我们添加一个4像素宽的红色边框，透明度是1：

rectangle.lineStyle(4, 0xFF3300, 1);

使用 drawRect 方法来绘制矩形，它的参数分别是 x，y，width 和 height。

rectangle.drawRect(x, y, width, height);

最后用 endFill 结束绘制：

rectangle.endFill();

这就是 Canvas 原生的 API！下面是完整的代码片段，并且设置了位置：

var rectangle = new Tiny.Graphics();
rectangle.lineStyle(4, 0xFF3300, 1);
rectangle.beginFill(0x66CCFF);
rectangle.drawRect(0, 0, 64, 64);
rectangle.endFill();
rectangle.setPosition(170);

注意
大量是使用 Graphics 会非常影响性能，所以，请慎用！能用图片代替的尽量用图片。

# 矩形

矩形