Applying WebGL filter on HD Images cuts the image (fabric V2-beta-6)

Question

Currently working with fabric 2.0.6 to apply filters on HD images. I need to apply the filters in least amount of time. for that purpose i am using the webGL me

Answer 1

Please if you refer to changelog and explanation:

http://fabricjs.com/fabric-filters

instead of looking at a demo application, you will notice that the doc talks about a fabric.textureSize property.

The limit is unrelated to the size in Megabytes, but is related to pixel size.

It is set up at 2048, size as base setting, to accomodate most of old hardware and giving you a max 2048x2048 filter size.

Rise this value before starting your app to the maximum size you think you want to support. 4096 for example.

If you go over 5000 you will probably loose support for ie11.

There are 2 limits you have to be aware of: Max canvas size in the browser and max texture size in the hardware of the laptop your user is using.