With help some time ago, an AS3 animation (for an eLearning lesson) was ported to JS. Because of the scaling, it displays in browsers as blurry. I think the problem is that the canvas drawing is using 1X1 rectangles, when they should be 8X8. Also, there are mis-matches between canvas size in the JS, CSS, index files. Canvas should be 640X640.
I have tried to fix this but with no success and would appreciate any help getting it sized correctly and displaying clearly.
There are 3 small files (index.html, style.css and src.js) and the link is: http://elearningprojects.com/websample1/index.html
Thank you for any help.