JSFiddle - React, Tailwind, and code Playground

by Kesavamoorthi Subramanian

HTML

<canvas id="canvas" width="600" height="300"></canvas>

JavaScript

var canvas = new fabric.Canvas('canvas');

// Real Url
fabric.util.loadImage('https://s3-eu-west-1.amazonaws.com/kienzle.dev.cors/img/image2.png', function(img) {
    if(img == null) {
        alert("Error!");
    }else {
        var image = new fabric.Image(img);
        canvas.add(image).setActiveObject(image);
        canvas.renderAll();
    }
}, { crossOrigin: 'anonymous' });

// Dummy Url
fabric.util.loadImage('http://dummy.com/dummy_img.png', function(img) {
    if(img == null) {
        alert("Error!");
    }else {
        var image = new fabric.Image(img);
        canvas.add(image).setActiveObject(image);
        canvas.renderAll();
    }
}, { crossOrigin: 'anonymous' });