rotate canvas using toDataURL

by Subhasish2015

HTML

<canvas id="c" width="1000" height="1000"></canvas>

CSS

#one {
    border:1px solid red;
}

JavaScript

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

canvas.add( 
  new fabric.Rect({
    left: 50,
    top: 50,
    width: 250,
    height: 250,
    stroke: 'gray',
    fill: 'lightgray',
    strokeWidth: 10,
    noScaleCache: false,
  })
);

canvas.on('object:scaling', function(e){
  var shape = e.target;
  
    let sX = shape.scaleX;
    let sY = shape.scaleY;
  
  shape.set('scaleX', 1);
    shape.set('scaleY', 1);
  
    shape.set('width',sX * shape.width);
    shape.set('height', shape.scaleY * shape.height);
    
});