• ES6 module

import { WeCanvas.WeStage } from 'we-render'

const child = new WeCanvas().setSize(100.100).scale(2.2).fillStyle("red") // different here
  .fillRect(0.0.10.10)

const stage = new WeStage(a)stage.addChid(child)
stage.update(a)Copy the code

• In browser

<script type="text/javascript" src="../dist/weRender.min.js"></script>
<script type="text/javascript">
var WeStage = weRender.WeStage;
var WeCanvas = weRender.WeCanvas;

var stage = new WeStage(document.querySelector("#canvas"));
stage.setSize(500.500);
stage.setStyle("500px"."500px");

var yellowCircle = new WeCanvas({
  width: 100.
  height: 100.
})
.beginPath(a)
.fillStyle("yellow")
.arc(50.50.50.0.2 * Math.PI)
.fill(a)

stage.addChild(yellowCircle);
stage.update(a);
</script>
Copy the code

weRender

weRender: Simple Canvas library for easy usage

weRender: Simple Canvas library for easy usage

WeCanvas: Easy canvas api for using, support useing chain

• Directly use CanvasRenderingContext2Dmethods
• Property of CanvasRenderingContext2D here is method
• Won’t really drawing Canvas until run draw()

Kind: global class

• WeCanvas
  • new WeCanvas(options)
  • .setSize(width, height)
  • .setStyle(width, height)
  • .setCoordinate(x, y)
  • .setScale(scale)
  • .clear()
  • .getActions()
  • .setActions(actions)
  • .draw()
  • .cache(ifCache)

create a WeCanvas instance

set canvas size

Kind: instance method of WeCanvas

set canvas style, only width and height

Kind: instance method of WeCanvas

set coordinate of stage

Kind: instance method of WeCanvas

set init scale

Kind: instance method of WeCanvas

clear canvas

get actions for context drawing

set actions

Kind: instance method of WeCanvas

run actions, draw canvas

set cache, default: true

Kind: instance method of WeCanvas

WeStage: Canvas manager for WeCanvas

Kind: global class

• WeStage
  • new WeStage(canvas, options)
  • .setSize(width, height)
  • .setStyle(width, height)
  • .destory()
  • .clear()
  • .addChild(child)
  • .translate(x, y, reset)
  • .update()

create a WeStage instance

set stage size

Kind: instance method of WeStage

set stage style

Kind: instance method of WeStage

destrory stage

clear canvas

add child to the stage

Kind: instance method of WeStage

translate stage, move coordinate

Kind: instance method of WeStage

update stage, draw child on canvas run this method, all child canvas will draw

Kind: instance method of WeStage

docs autogenerated via jsdoc2md