Question

（我使用Kinetic 4.6.0）

这是一个错误吗？当y在图像上应用裁剪时，一切都很好，如下所示： image with crop 但如果我使用过滤器，结果如下： image with crop + filter 比例不好。压缩所有图像以进入作物的宽度和高度。

一些想法？

我的庄稼代码：

this.imageFond = new Kinetic.Image({
    image               : this.imageObj,
    //filter            : Kinetic.Filters.Blur,
    //filterRadius      : 20
});
this.imageFond.setCrop([50,50,750,1100]);
this.imageFond.setWidth(750);
this.imageFond.setHeight(1100);

this.layer.add(this.imageFond);
this.layer.batchDraw();

我的裁剪+过滤器代码：

this.imageFond = new Kinetic.Image({
    image               : this.imageObj,
    filter              : Kinetic.Filters.Blur,
    filterRadius        : 20
});
this.imageFond.setCrop([50,50,750,1100]);
this.imageFond.setWidth(750);
this.imageFond.setHeight(1100);

this.layer.add(this.imageFond);
this.layer.batchDraw();

Answer 1

过滤器无法正确处理裁剪后的图像。我提出这个拉动请求一段时间后修复它。它尚未合并，因此您需要自己应用它。这至少解决了我的问题。希望这会有所帮助：

Pull request to fix filters for cropped images

Kineticjs - 过滤器+裁剪

1 个答案: