Template for issues

by Steve Eberhardt

HTML

<script src="https://cdn.jsdelivr.net/gh/fabricjs/fabric.js@vv6-alpha/dist/fabric.js"></script>
<canvas id="c" width="600" height="600"></canvas>

CSS

canvas {
    border: 1px solid #999;
}

JavaScript

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

var text1 = new fabric.Textbox('Textbox1', {
  left: 400,
  top: 100,
  width: 300,
  scaleX: 1,
  scaleY: 1
});

var text2 = new fabric.Textbox('Textbox2', {
  left: 300,
  top: 150,
  width: 300,
  scaleX: 1,
  scaleY: 1
});

fabric.Object.prototype.set({
  originX: "left",
  originY: "top"
});

var group = new fabric.Group([text1, text2], {
  subTargetCheck: true,
  interactive: true,
});
canvas.add(group);

fabric.Canvas.prototype.set({
  preserveObjectStacking: true
});

fabric.Object.prototype.set({
  originX: "left",
  originY: "top"
});