# **iCanvas渲染器Renderer文档**

---
## [canvas2D渲染器](./2d/index.js)
*使用基本canvas2d方法进行渲染*

### **主渲染器**
```javascript
import Renderer from '@icanvas/renderer/2d';
var Render = new Renderer(width,height);
```
属性

`Render.Context` 主Canvas上下文

方法

`Render.Run(Stage,Interval=1000/60,Callback)` 循环渲染 

`Render.Update(Stage,Context,Clear)` 单步渲染 

### **扩展CanvasRenderingContext2D类**
```javascript
    var Context = canvas.getContext('2d');
```
`Context.SetSize(width,height)` 设置canvas大小

`Context.Clear(x,y,width,height)` 清空canvas<sup>默认全部清空</sup>

`Context.FontSet(font,fillStyle,textAlign,textBaseline)` 设置上下文

`Context.Stroke(strokeStyle,lineWidth)` 设置上下文并描边

`Context.Fill(fillStyle)` 设置上下文并填充

`Context.Image(key,x,y,width,height)` 快速居中绘制图片<sup>需要图片加载器配合</sup>

`Context.Polygon(...args)` 快速绘制多边形

`Context.ArcRect(x,y,width,height,radius)` 快速绘制圆角矩形

`Context.PolygonTidy(x,y,radius,sides,rotate,radius)` 快速绘制正多边形

`Context.DashLine(x1,y1,x2,y2,dashLength=12,emptyLength=3)` 快速绘制虚线

---
## WebGL渲染器
WebGL渲染器还在开发中。。。