jQuery addClass example

Change class name on click in jQuery

by maxim_torba

HTML

<script src="https://rawgithub.com/kangax/fabric.js/master/dist/fabric.js"></script>

<div class='flexy'>
  <div>
    imageSmoothingEnabled=false<br />
    objectCaching=true
  <canvas id="a" width="300" height="300"></canvas>
  </div>
  <div>
    imageSmoothingEnabled=false<br />
    objectCaching=false  
    <canvas id="b" width="300" height="300"></canvas>
  </div>
</div>

CSS

.flexy {
  display: flex;
  flex-direction: row;
 }

JavaScript

var canvas1 = new fabric.Canvas('a', {
  imageSmoothingEnabled: true // here you go
});
var canvas2 = new fabric.Canvas('b', {
  imageSmoothingEnabled: false // here you go
});

fabric.Image.fromURL("https://i.stack.imgur.com/dQRkt.png", function(img) {
  img.set({
  	objectCaching: true
   });
  canvas1.add(img);
  canvas1.zoomToPoint({x: 50, y: 50}, 20);
});

fabric.Image.fromURL("https://i.stack.imgur.com/dQRkt.png", function(img) {
  canvas2.add(img);
  canvas2.zoomToPoint({x: 50, y: 50}, 20);
});