The Easel Javascript library provides a full, hierarchical display list, a core interaction model, and helper classes to make working with the HTML5 Canvas element much easier.
I have created a Code pen with the library downloaded with npm and the code in your demo, adding the code below. If you open developer tools you can see the error. Removing the code fixes the issue:
This is line 6325 in js:
// BUG
drawingCanvas.cache(0, 0, 100, 100);
OS & Browser version (Please be specific) (Ex; Windows 10 Home, Chrome 62.0.3202.94):
Tested with Firefox Quantum 64.0 and Version 69.0.3497.100 (Official Build) (64-bit) in Ubuntu 16.
TODO
Bug
Yes, only one topic found with the error
too much recursion
but seems unrelated unrelated.Yes the problem happens in the last version.
Issue Details
The problem happens in the NEXT version of the library downloaded with npm.
"@createjs/easeljs": "^2.0.0-beta.4"
Usingdist/easel-NEXT.js
file.The problem is not happening in non NEXT versions.
The problem is not happening in NEXT version downloaded directly from current master branch (1.0.2).
The method
Shape.cache
gives antoo much recursion
error.You can test in your own Painting demo, adding a cache instruction to the drawingCanvas object:
I have created a Code pen with the library downloaded with
npm
and the code in your demo, adding the code below. If you open developer tools you can see the error. Removing the code fixes the issue:This is line 6325 in js:
OS & Browser version (Please be specific) (Ex; Windows 10 Home, Chrome 62.0.3202.94):
Tested with Firefox Quantum 64.0 and Version 69.0.3497.100 (Official Build) (64-bit) in Ubuntu 16.
Do you know of any workarounds?
Use a library non downloaded from npm.