custom-base-render

INTRODUCE

a simple canvas renderer maybe support svg or webgl later

EXAMPLE

import {Scene, Renderer, RectNode} from 'custom-base-render';

let wrap = {
	width: 1000,
	height: 1000
}
let scene = new Scene;
let renderer = new Renderer(wrap);
document.body.append(renderer.domElement);

let node = new RectNode(100, 100) // create a rect 100 * 200
node.style.stroke = '#f0f0f0';
node.style.fill = '#0f000f';
scene.append(node);

let lastTime = 0;
let fps = 60;
let interval = 1000 / fps;

function render() {
	let now = Date.now();
	if (now - lastTime >= interval) {
		lastTime = now;
		renderer.render(scene, '');
	}
	requestAnimationFrame(render);
}
render()