PaperJS blend mode issue on large layers
$ npm install
$ npm start- Create a
Layer. - Create another
Layer. - Set the
blendModeof the 2nd layer as anything other than normal. - Draw a shape on layer 2.
- Scroll layer 2 view by
0, 8000. - Draw another shape.
- Scroll layer 2 view by
8000, 0. - Draw another shape.
Layer 2 doesn't render anything. This is because of the size of Layer 2.
If we scroll by a lesser value, say 0, 5000 and 5000, 0, it renders OK
at least on Chrome 90.
On iOS 14 Safari it still doesn't render and also the following warning message appears:
Canvas area exceeds the maximum limit (width * height > 16777216). https://paper-blend-modes-bug.herokuapp.com/favicon.ico
Bitpaper LTD