Click here to Skip to main content
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.2K
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)



Advertise | Privacy | Mobile
Web02 | 2.8.150327.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