如何获得图像“平铺” /平铺?

时间:2019-05-31 14:08:15

标签: javascript image grouping fabricjs hidden

my result

我想tile fabricJS group[oImg, rect]
我想移动group,使group开始随着每次移动而平铺。

到目前为止,我一直在尝试:

fabric.Image.fromURL(`data:image/gif;base64,` + picture_gecleant, function(oImg) {
        // oImg.scaleToHeight(object.HEIGHT['#text'] * 1 / pix_optimize);
        oImg.set({
            width: parseInt(object.WIDTH['#text']*10),
            height: parseInt(object.HEIGHT['#text']*10),
            left: parseInt(object.POSX['#text'] * 1 / 10),
            top: parseInt(object.POSY['#text'] * 1 / 11),
            id:"jung"
        });
         oImg.scaleToWidth(object.WIDTH['#text']*10);
         oImg.scaleToHeight(object.HEIGHT['#text']*15);


        var group = new fabric.Group([oImg,rect], {
          // left: parseInt(object.POSX['#text'] * 1 / 10),
          // top: parseInt(object.POSY['#text'] * 1 / 11),
          // height: parseInt(object.HEIGHT['#text'] * 1 / 10),
          // width: parseInt(object.WIDTH['#text'] * 1 / 10)
        });
        canvas.add(group);
      });

它看起来像什么:

希望这是可以理解的。

0 个答案:

没有答案