Make Fabric.js object draggable but not "selectable"

javascript fabricjs
Zwade picture Zwade · Feb 12, 2013 · Viewed 10.7k times · Source

Fabric.js has this really cool aspect where it allows, by default, all objects to be "selectable", which means they are able to be dragged, resized, and rotated. However, I would like for them to be draggable only, no resizing or rotating. Is this possible? I don't mind mucking with the source if that is what's needed, it would be better than reimplementing it myself.

Answer

Zwade picture Zwade · Feb 12, 2013

Nevermind, I have found the answer here: http://fabricjs.com/customization/

This is the line that does it

canvas.item(0).hasControls = false;

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