import {Container} from 'penvas/src/container.js'

public class | source

Container

Drawer → Container

Create a new container with a canvas element

let container = new Container({ width: 200, height: 200, background: 'gray' });

Constructor Summary

Public Constructor
public	constructor(options: Object) Create a new canvas

Public Members
public	background: hex
public	canvas: HTMLCanvasElement
public	context: CanvasRenderingContext2D
public	ctx: CanvasRenderingContext2D
public	height: number
public	width: number
public	x: number
public	y: number

From class Drawer
public	ctx: CanvasRenderingContext2D
public	clearLayer() Reset canvas zone
public	debug(models: Array<Model> \| Model) Add models to debug
public	drawCircle(x: number, y: number, radius: number, size: number, color: string, start: number, end: number) Draw a circle
public	drawFillCircle(x: number, y: number, radius: number, color: string, lineSize: number, lineColor: string, start: number, end: number) Draw a fill circle
public	drawFillRect(x: number, y: number, width: number, height: number, color: string, lineSize: number, lineColor: string) Draw a fill rectangle
public	drawImage(source: *, x: number, y: number, width: number, height: number, destinationX: number, destinationY: number, destinationWidth: number, destinationHeight: number) Draw images
public	drawLine(x: number, y: number, destX: number, destY: number, size: number, color: string) Draw a line
public	drawModel(model: Model): Drawer Draw model
public	drawRect(x: number, y: number, width: number, height: number, size: number, color: string) Draw a rectangle
public	drawText(text: string, x: number, y: number, size: string, font: string, color: string, style: string, align: string, baseline: string): Object Draw a text
public	restore(): Drawer Restore last saved context
public	rotateModel(model: Model, deg: float, pivotX: number, pivotY: number): Drawer Rotate model
public	save(): Drawer Save context

Create a new canvas