小编Mar*_*z73的帖子

FabricJS图像对象clipTo形状对象问题

为什么这个 clipTo 方法在最新的 fabricjs 版本上不起作用,你可以调整对象容器和其中的图像的大小。您还可以移动容器对象和图像对象。

   var imgInstance = new fabric.Image(img, {
                width: instanceWidth,
                height: instanceHeight,
                top: (canvas.getHeight() / 2 - instanceHeight / 2),
                left: (canvas.getWidth() / 2 - instanceWidth / 2),
                originX: 'left',
                originY: 'top'
            });
            canvas.add(imgInstance);
            imgInstance.clipTo = function(ctx) {
                /* image clipping method doesn't work on latest fabricjs version*/
                ctx.save();
                ctx.setTransform(1, 0, 0, 1, 0, 0);

                clippingRect.render(ctx);

                ctx.restore();
            };
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/efmbrm4v/2/

或者是他们的另一种方法里面的形状对象是图像对象。

image object shape fabricjs

2
推荐指数
1
解决办法
2896
查看次数

标签 统计

fabricjs ×1

image ×1

object ×1

shape ×1