Click here to Skip to main content
11,709,536 members (51,331 online)
Rate this: bad
good
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).

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

JScript
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
Style-71.5K
Edited 26-Sep-12 8:36am
ridoy53.4K
v2

1 solution

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

Solution 1

  Permalink  
Comments
Sergey Alexandrovich Kryukov at 26-Sep-12 17:39pm
   
Not bad, even though OP's problem is not clear to me; a 5.
--SA
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