How to deactivate all objects in Fabric.js

Question

How to deactivate all objects in Fabric.js before saving an image?

function rasterize() {
  if (!myscript.Canvas.supports('toDataURL')) {
    alert('This browser doesn\'t provide means to serialize canvas to an image');
  }
  else {
    /*i want to deactivate all object here*/
    window.open(canvas.toDataURL('png'));
  }
}

Answer 1

canvas.deactivateAll(); => no events are fired http://fabricjs.com/docs/fabric.Canvas.html#deactivateAll

or

canvas.deactivateAllWithDispatch(); => if activeObject exists the events 'before:selection:cleared' and 'selection:cleared' are fired. http://fabricjs.com/docs/fabric.Canvas.html#deactivateAllWithDispatch

Answer 2

What worked for me (fabric 2.7):

this.canvas.forEachObject(object => {
    object.selectable = false;
    object.evented = false;
});

---

Another solution is to apply some CSS to the canvas : pointer-events: none

Answer 3

canvas.deactivateAll();
canvas.renderAll();

only this two lines also do the same no need to make canvas.selection as false. It is used to disable group selection.