Scrollable canvas fabricjs

by 20yco

HTML

<div class="container">
<canvas id="mycanvas" width="4000" height="3000"></canvas>
</div>

CSS

.container {
    overflow-y: scroll;
    width: 400px;
    height: 400px;
}

JavaScript

// Fabric 1.2.0
var canvas = new fabric.Canvas('mycanvas', {
  backgroundColor: 'rgb(100,100,200)'
});

canvas.add(
  new fabric.Rect({
    width: 100, height: 100,
    left: 150, top: 150,
    fill: 'yellow',
    angle: 30
  }));