After a bit more searching, the problem is here:
<canvas id='timecol' style = 'position: absolute; left: 0px; top: 0px;' ></canvas>
When I changed it to:
<canvas id='timecol' width='200px' height='1200px' ></canvas>
It worked.
It appears the canvas syntax is critical.
I'm new to Javascript (but not programming). So I'm using w3schools.com to learn.
Adapting one of the examples, I created the code in the attached file for experimenting and testing.
However, it cuts off the rectangle and text. The code draws three rectangles each 1 pixel longer to test where...
Are you using inter-digit blanking. There should be a small delay between displays enables (about 10us). This allows the eye to stop seeing the one digit before the other is lit(ghosting). This is known as persistence of vision. Look at the data sheet for any display driver (such as the ICM7217...
This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.