Add Layer via Code - Image

[img-js]

Add Layer via Code - Image

[b4rtaz]

Hello @hryan49!

Something like this:

import { MceImage } from 'mini-canvas-core';

const editor = Editor.createBlank(/* ... */);

// ...

const image = new Image();
image.src = './assets/cat.jpg';
image.onload = () => {
    const mceImage = new MceImage(image, { left: 0, top: 0 });
    editor.add(mceImage);
};

[b4rtaz]

@hryan49 to use the above code with pure JS you need to update to 0.2.0 version (this version requires two <script> tags, check the readme file). Then you need to add prefixes:

const editor = miniCanvasEditor.Editor.createBlank(/* ... */);

// ...

const mceImage = new miniCanvasCore.MceImage(image, { left: 0, top: 0 });