iCanvas渲染器Renderer文档

canvas2D渲染器

使用基本canvas2d方法进行渲染

主渲染器

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类

    var Context = canvas.getContext('2d');

Context.SetSize(width,height) 设置canvas大小

Context.Clear(x,y,width,height) 清空canvas默认全部清空

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

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

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

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

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渲染器还在开发中。。。