Easel JS works on content within Canvas Element.
Whereas as Animate works on dom elements.Both have different use cases.
To use Easel JS you will have to create a canvas element on you animate stage and than use it .
Anyhow here is a example I created for you
Thank you for creating an example for me, you are very helpful. But still i have a problem with your example :/
- I set stage size as 1024 x 768, and i changed "var str = '<canvas id="testCanvas" width="1024" height="768"></canvas>';
- Also i changed image path to "demo.jpg", which is 1024x768 > "image.src = "images/demo.jpg";"
After all this process, i cant show the demo.jpg as 1024x768. Its loading the same size as first demo.jpg
Anyway, you can download my edited example here to get what i mean: https://www.dropbox.com/s/7s96iz8k60yne12/demo-createjs.zip
(sorry for my awful english)
Set the image cache size to your image size i.e
blur.cache(0, 0, 1024, 768);
Thanks, it works! You are awesome as always