определить тип выбранного объекта в Fabricjs

Question

Я помещаю текст, изображение и фигуры на холсте с помощью Fabric.js, я создал три разных панели редактирования для всех трех. Когда пользователь выбирает текст, я хочу показать панель текста. как мудрый для изображения и формы.

Моя проблема в том, как определить тип выбранного объекта ??

Спасибо,

Answer 1

Я решил эту проблему, используя следующий код ::

if(canvas.getActiveObject().get('type')==="text") 
     { 
      //Display text panel 
      console.log('text panel Displayed'); 
      $("#Image_left_panel").css("display", "none"); 
      $("#shape_left_panel").css("display", "none"); 
      //$("#left_panel").css("display", "block"); 
     } 
     else if(canvas.getActiveObject().get('type')==="Image") 
     { 
      //Display Image Panel 
      console.log('Image Panel Displayed'); 
      $("#Image_left_panel").css("display", "block"); 
      $("#shape_left_panel").css("display", "none"); 
      $("#left_panel").css("display", "none"); 
     } 
     else 
     { 

     } 


     }); 

Answer 2

canvas.getActiveObject().get('type') в Сиой Симх сказал правильно. Вы также можете прослушать событие:

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

Answer 3

Попробуйте isType()

функцию образца для получения выбранных объектов

function onObjectSelected(o){ 
    //activeObject = canvas.getActiveObject() 
    activeObject = o.target; 

    if(activeObject.isType('text')){ 
     //display text logic 
    } 
    else if(activeObject.isType('image')){ 
     //display image 
    } 
    else if(activeObject.isType('xyz')){ 
     //display shape logic 
    } 
} 

canvas.on('object:selected', onObjectSelected);