Disable group selection in Fabric.js

javascript fabricjs
Timo Kähkönen picture Timo Kähkönen · Feb 7, 2014 · Viewed 12.1k times · Source

How to disable group selection in Fabric.js and leave single objects selectable one at a time? With group selection I mean selecting multiple objects using eg. SHIFT+Click.

Answer

Dakshika picture Dakshika · Feb 26, 2014

you can easily achieve this with

  canvas.selection = false; // disable group selection

if you want it on individual object 

  rect.set('selectable', false); // make object unselectable

Related questions

How to select Fabric.js object programmatically

I want to programmatically select Fabrics.js object. What do I have to do? For example, I am adding two objects like this: var canvas = new fabric.Canvas('canvas'); canvas.add(new fabric.Rect({ left: 100, top: 100, width: 75, height: 50, fill: 'green', …

Read More
Fabric.js changes my canvas size to 300x150 after initialization

HTML: <div class="canvas-wrapper"> <canvas id="myCanvas"></canvas> </div> CSS .canvas-wrapper { width: 900px; min-height: 600px; } #myCanvas{ border:1px solid red; position: absolute; top:22px; left:0px; height: 100%; width: 99%; } JS var myCanvas = new …

Read More
Layering canvas objects in Fabric.js

Is there a way to layer objects on a Fabric.js canvas via the official API? Right now the only way I have found to do it is to manually iterate through the canvas._objects and reorder them so that …

Read More