javascript - 如何在fabric js中将图像添加到组中

Question

在选择对象时在 fabric js 中，我想在该组上添加十字图标图像。请帮助如何实现。

             <script>        
           canvas.on('object:selected', function (e) {
           var activeobject = e.target; //active element is group in which i want to add image
           var imgs = fabric.Image.fromURL('images/delete.png', function (oImg)  {

           oImg.scale(0.5).setFlipX(true);

                                });
            activeobject.push(imgs);//here .push is giving errpr that it is not a function

});

Answer 1

您可以使用以下代码将图像永久放置在一个矩形中:

 fabric.Image.fromURL('UrlImage', (img) => {

  var img1 = img.set({
    left: rect.left,
    top: rect.top,
    width: 100,
    height: 100,
  });

  var group = new fabric.Group([rect, img1]);
  this.myCanvas.add(group);
  group.addWithUpdate();
});