Fabric JS clipTo功能删除背景图像和任何其他对象

时间:2019-03-29 10:57:44

标签: javascript fabricjs

我试图在fabric.js上创建一个遮罩工具,我在互联网上搜索了一些东西,这正是我在寻找的东西,我发现的代码采用了输入SVG形状并添加了画布,并且当我添加一些时图像会掩盖它,但也会删除画布背景。如何解决这个问题。我只需要这个面具作为对象而不是背景 这是我的添加蒙版形状的代码

fabric.loadSVGFromURL('https://image.flaticon.com/icons/svg/8/8800.svg', function(objects, options)
        {
            mask = fabric.util.groupSVGElements(objects, options);
            mask.set({
                selectable: true,
                evented: true,
                objectCaching: false,
            });
            mask.center().setCoords();
            canvas.add(mask);
            mask.scale(1).center().setCoords();

            canvas.clipTo = function(ctx)
            {
                mask.render(ctx);
            };

            canvas.renderAll();



        });

0 个答案:

没有答案