How to identify the type of a selected object?

javascript jquery html canvas fabricjs
anam picture anam · Sep 19, 2013 · Viewed 28k times · Source

I am placing Text, Image and Shapes on canvas using Fabric.js. I have made Three different Edit-Panels for all three. When user select text I want to show text panel. like wise for image and shapes.

How to identify type of selected Object?

Answer

Kienz picture Kienz · Sep 19, 2013

canvas.getActiveObject().get('type') as simmi simmi said is correct. You can also listen to events:

function onObjectSelected(e) {
  console.log(e.target.get('type'));
}
canvas.on('object:selected', onObjectSelected);

Related questions

change border width of Rect in fabricjs

This Rectangle i have created on canvas using fabicjs , now on change of text box i want to set border width . i tried following but its not working. image[img] = new fabric.Rect({ top : 100, left : 100, width : 50, height : 50, fill : '#f55…

Read More
Get pixel color from canvas, on mousemove

Is it possible to get the RGB value pixel under the mouse? Is there a complete example of this? Here's what I have so far: function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.…

Read More
Real time data graphing on a line chart with html5

I want to make a line chart that updates every couple of seconds and doesn't need the page to be refreshed(it would get the info from a separate file that updates on a server), is their any JavaScript libs(…

Read More