Javascript 如何在Fabricjs画布上选择对象?

Javascript 如何在Fabricjs画布上选择对象?,javascript,jquery,canvas,fabricjs,Javascript,Jquery,Canvas,Fabricjs,在我提到的提琴中,单击“选择矩形”按钮时选择矩形形状,单击“选择第二个对象”按钮时选择第二个对象圆 我想在单击画布上的对象时高亮显示/激活相关div。我如何做到这一点?div元素在哪里?@ck\u arjun canvas没有div元素。我们应该使用object,而不是div元素。是否要突出显示画布上的现有对象?不清楚您需要什么帮助? var canvas = new fabric.Canvas('canvas'); canvas.add(new fabric.Rect({ left:

在我提到的提琴中,单击“选择矩形”按钮时选择矩形形状,单击“选择第二个对象”按钮时选择第二个对象圆


我想在单击画布上的对象时高亮显示/激活相关div。我如何做到这一点?

div元素在哪里?@ck\u arjun canvas没有
div
元素。我们应该使用object,而不是
div
元素。是否要突出显示画布上的现有对象?不清楚您需要什么帮助?
var canvas = new fabric.Canvas('canvas');
canvas.add(new fabric.Rect({
    left: 100,
    top: 100,
    width: 75,
    height: 50,
    fill: 'green',
    stroke: 'black',
    strokeWidth: 3,
    padding: 10
  }));

 canvas.add(new fabric.Circle({
    left: 200,
    top: 200,
    radius: 30,
    fill: 'gray',
    stroke: 'black',
    strokeWidth: 3
  }));


$( "#selectrectangle" ).click(function() {
 canvas.setActiveObject(canvas.item(0));
});

$( "#selectsecond" ).click(function() {
 canvas.setActiveObject(canvas.item(1));
});