Click here to Skip to main content
11,409,532 members (50,049 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 9:15am
Style-71.4K
Edited 26-Sep-12 9: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..

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 8,731
1 OriginalGriff 6,895
2 Maciej Los 3,332
3 Abhinav S 3,248
4 Peter Leow 3,059


Advertise | Privacy | Mobile
Web03 | 2.8.150414.5 | 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