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

时间:2017-09-06 05:28:31

标签: image fabricjs

目前正在使用 fabric 2.0.6 在高清图像上应用过滤器。我需要在最短的时间内应用过滤器。为此,我使用webGL方法应用过滤器here (fabric.js demo)。如果将它应用于尺寸<1 MB的图像上,它可以很好地工作,但图像尺寸大于此值,滤镜确实应用得相当好,但它会切割图像。附加测试图像并应用灰度过滤器以供参考

原始图片(尺寸1.90 MB) OrignalImage

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

应用greyScale过滤器后的显示方式 enter image description here

1 个答案:

答案 0 :(得分:3)

请参阅更改日志和解释:

http://fabricjs.com/fabric-filters

而不是查看演示应用程序,您会发现该文档涉及fabric.textureSize属性。

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

设置为2048,尺寸为基本设置,以容纳大多数旧硬件并为您提供最大2048x2048过滤器尺寸。

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

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

您需要注意两个限制: 浏览器中的最大画布大小和用户正在使用的笔记本电脑硬件中的最大纹理大小。