konva/lib/skia-backend.js

HTML5 2d canvas library for interactive graphics, design editors, whiteboards, and diagrams.

import { Konva } from "./_CoreInternals.js";
// @ts-ignore
import { Canvas, DOMMatrix, Image, Path2D } from 'skia-canvas';
// @ts-ignore
global.DOMMatrix = DOMMatrix;
// @ts-ignore
global.Path2D = Path2D;
Path2D.prototype.toString = () => '[object Path2D]';
Konva.Util['createCanvasElement'] = () => {
    const node = new Canvas(300, 300);
    if (!node['style']) {
        node['style'] = {};
    }
    node.toString = () => '[object HTMLCanvasElement]';
    const ctx = node.getContext('2d');
    // Override the getter to return the canvas node directly
    // because in skia-canvas canvas is using weak ref to the canvas node
    // and somehow on many tests it fails to get the canvas node
    Object.defineProperty(ctx, 'canvas', {
        get: () => node,
    });
    return node;
};
// create image in Node env
Konva.Util.createImageElement = () => {
    const node = new Image();
    node.toString = () => '[object HTMLImageElement]';
    return node;
};
Konva._renderBackend = 'skia-canvas';
// the core Konva object, without shapes and filters. `import 'konva'` extends
// this same object with them
export default Konva;