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