JSFiddle - React, Tailwind, and code Playground

by iad_vlinde

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.7.0/fabric.min.js"></script>
<canvas id="c" width="500" height="500"></canvas>

JavaScript

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

var rect = new fabric.Image.fromURL('http://vlinde.show/new_test.jpg', (img) => {
  fabric.Image.prototype.strokeWidth = 1;
  let oImg = img.set({
    left: 0,
    top: 0
  });
  oImg.selectable = true;
  canvas.add(oImg);
  canvas.absolutePan(new fabric.Point(6350, 5700));
  canvas.setZoom(2.5);
}, {
  enableRetinaScaling: true,
  objectCaching: false,
  imageSmoothingEnabled: true
});


canvas.renderAll();