image - 在高清图像上应用 WebGL 过滤器会剪切图像(结构 V2-beta-6)

Question

目前正在使用 fabric 2.0.6 对高清图像应用滤镜。我需要在最短的时间内应用过滤器。为此，我正在使用 webGL 方法来应用过滤器，如 here (fabric.js demo) 所解释的那样.如果您将它应用于大小 <= 1 MB 的图像，它工作得很好，但图像大小大于该值时，过滤器确实适用得很好，但这样做会剪切图像。附加测试图像并应用灰度滤镜以供引用

原始图像(大小 1.90 MB)

应用过滤器之前的显示方式

应用灰度滤镜后的效果

Answer 1

如果您引用变更日志和解释，请:

http://fabricjs.com/fabric-filters

您不会看到演示应用程序，而是会注意到文档讨论了 fabric.textureSize 属性。

该限制与以兆字节为单位的大小无关，但与像素大小有关。

它设置为 2048，大小作为基本设置，以适应大多数旧硬件并为您提供最大 2048x2048 的过滤器大小。

在启动您的应用程序之前将此值增加到您认为要支持的最大大小。例如 4096。

如果超过 5000，您可能会失去对 ie11 的支持。

您必须注意两个限制:浏览器中的最大 Canvas 大小和用户使用的笔记本电脑硬件中的最大纹理大小。