24 lines
581 B
JavaScript
24 lines
581 B
JavaScript
import {canvas, context} from './index.mjs';
|
|
import * as gui from '../gui/index.mjs';
|
|
|
|
export function render() {
|
|
renderElement(gui.root);
|
|
}
|
|
|
|
function renderElement(element) {
|
|
//console.log(element.options);
|
|
if (element.options.draw) {
|
|
if (element.type == 'frame') renderFrame(element);
|
|
if (element.type == 'image') renderImage(element);
|
|
}
|
|
element.children.forEach(renderElement);
|
|
}
|
|
|
|
function renderFrame(element) {
|
|
context.fillStyle = '#eb9';
|
|
context.fillRect(...element.shape);
|
|
}
|
|
|
|
function renderImage(element) {
|
|
context.drawImage(element.image, ...element.shape);
|
|
}
|