https://github.com/theprofs/paper-blend-modes-bug
PaperJS blend mode issue on large layers
https://github.com/theprofs/paper-blend-modes-bug
Last synced: 4 months ago
JSON representation
PaperJS blend mode issue on large layers
- Host: GitHub
- URL: https://github.com/theprofs/paper-blend-modes-bug
- Owner: TheProfs
- License: mit
- Created: 2021-05-07T19:28:50.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-05-08T05:06:39.000Z (over 4 years ago)
- Last Synced: 2025-03-12T00:44:03.121Z (10 months ago)
- Language: JavaScript
- Size: 103 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# paper-blend-modes-bug
PaperJS blend mode issue on large layers
## Run
```bash
$ npm install
$ npm start
```
## How it breaks.
- Create a `Layer`.
- Create another `Layer`.
- Set the `blendMode` of 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.
## What happens:
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
## Authors
Bitpaper LTD