Click here to Skip to main content
11,709,536 members (51,331 online)
Rate this: bad
Please Sign up or sign in to vote.
See more: HTML5 Canvas
I want to draw analog clock. So the main canvas will be dial and, hours and minutes arrows, and the second will be seconds arrow (for update every 1 second).

<canvas id="clock"></canvas>
<canvas id="second"></canvas>

canvas = document.getElementById('clock');
canvas.width = document.documentElement.clientWidth;
canvas.height = document.documentElement.clientHeight-6;
canvas = document.getElementById('second');
canvas.width = document.documentElement.clientWidth;
canvas.height = document.documentElement.clientHeight-6;

But canvases are not transparent and I can not to draw. Any ideas?

Thank you for attention.
Posted 26-Sep-12 8:15am
Edited 26-Sep-12 8:36am

1 solution

Rate this: bad
Please Sign up or sign in to vote.

Solution 1

Sergey Alexandrovich Kryukov at 26-Sep-12 17:39pm
Not bad, even though OP's problem is not clear to me; a 5.
ridoy at 27-Sep-12 10:04am
thanks Sergey..
RedDk at 26-Apr-15 15:43pm
Bad link -> "HTTP Error 503. The service is unavailable."

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Sergey Alexandrovich Kryukov 525
1 OriginalGriff 250
2 Peter Leow 219
3 Maciej Los 185
4 Mika Wendelius 160
0 OriginalGriff 9,428
1 Sergey Alexandrovich Kryukov 9,037
2 CPallini 5,189
3 Maciej Los 4,991
4 Mika Wendelius 3,856

Advertise | Privacy | Mobile
Web01 | 2.8.150819.1 | Last Updated 18 Jan 2015
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100