Canvas

4.2
(5)
Created on September 03, 2019, Last modified on May 19, 2022

It's possible to draw something to a canvas and then render the result as a texture:


class CanvasTextureExample extends lng.Application {
    static _template() {
        return {
            Example: {
                texture: lng.Tools.getCanvasTexture(CanvasTextureExample._createCanvas)
            }
        }
    }

    static _createCanvas(cb, stage) {
        let canvas = stage.platform.getDrawingCanvas();
        canvas.width = 100;
        canvas.height = 100;
        let ctx = canvas.getContext('2d');
        ctx.imageSmoothingEnabled = true;
        ctx.fillStyle = lng.StageUtils.getRgbaString(0xFFFF0000);
        ctx.fillRect(10, 10, 80, 80)
        cb(null, canvas);
    }
}

const options = {stage: {w: window.innerWidth, h: window.innerHeight, useImageWorker: false}};
const app = new CanvasTextureExample(options);
document.body.appendChild(app.stage.getCanvas());

Give feedback

Rating - 4.2 / 5. . Reviews - 5

No votes so far! Be the first to rate this post.

Go To Top