Awesome, thanks.

The canvas is misplaced when rendered in Firefox 3.0, btw. Looks right in Safari 4.

(Reply) (Thread)

Bleh. Hopefully someone will send me a patch.

(Reply) (Parent) (Thread)

set #clockbg to position:relative and you're most of the way there.

I suppose I can make that a diff if you want.

(Reply) (Parent) (Thread)

Most?

(Reply) (Parent) (Thread)

Pretend I didn't say that part. I thought it made the clock off-center but I'm too stupid to see that there's space reserved for a two-digit hour.

(Reply) (Parent) (Thread)

Looks like there is a way to support <canvas> for IE7/IE8 with a javascript include. Adding it in got me as far as a green canvas and this error:

Message: 'char_width' is null or not an object
Line: 352
Char: 5
Code: 0
URI: http://www.jwz.org/xdaliclock/javascript/daliclock.js

That's about as far as my limited abilities get me, in case anyone else is industrious enough to try and take it further.

Edited at 2009-06-28 02:50 am (UTC)

(Reply) (Thread)

It's possible to plow through a few annoying IEisms to reveal that the js canvas won't sustain a framerate that is remotely interesting.

Plus you'll never get me to submit a patch to Jamie titled "Internet Explorer Support".

(Reply) (Parent) (Thread)

Nifty!

(Reply) (Thread)

I loaded that page into the Pre's web browser. I giggled.

(Reply) (Thread)

It also appears to work in the Android browser. At least on the emulator.

(Reply) (Parent) (Thread)

Works in Safari on iPhone OS 3.0, too.

(Reply) (Parent) (Thread)

Cool, I can now run Dali Clock on Windows (well, in a browser on Windows but that's close enough)!

I've spotted a couple of bugs/glitches with it:

Glitch 1: the Orientation setting doesn't work properly. The only visible effect is that the font is larger with "Left" and "Right" than it is with "Up" and "Down" - in all cases, the numbers are not rotated. Tried with Opera 9.64 and Firefox 2.0.0.18.

Glitch 2: with anti-aliasing off, picking "Left" or "Right" for Orientation makes the numbers go off the sides of the background.

(Reply) (Thread)

I guess it's not too surprising that
this.canvas.style.webkitTransform = 'rotate(90deg)';
doesn't do much in browsers not based on Webkit.

(Reply) (Parent) (Thread)

Firefox 3.5 added CSS transform support, you can set it in CSS using -moz-transform, or via the DOM using element.style.MozTransform.

https://developer.mozilla.org/En/CSS/Using_CSS_transforms

(Reply) (Parent) (Thread)

Thanks. Fixed. I assume someday it will be just 'transform', so I set all three.

(Reply) (Parent) (Thread)

I love that in the shiny friendly web standards world of Gecko and WebKit we don't have any more competing proprietary html extensions.

(Reply) (Parent) (Thread)

I love that this chews up sixty percent of an entire processor core, go javascript go!

(Reply) (Thread)

7% of a core with Safari 4 beta on my 2.4GHz MacBook. I can't tell how much of my iPod it uses :-)

(Reply) (Parent) (Thread)

It's pretty low (< 5%) on my Firefox trunk nightly on Windows.

(Reply) (Parent) (Thread)

Seeing as people are comparing, 10% of a six-year-old Athlon box under Opera 9/Win.

(Reply) (Parent) (Thread)

It should show the time in hexadecimal. I want to see the clock strike C:00:00.

(Reply) (Thread)

that's so hypnotically addictive to just... watch!

(Reply) (Thread)

that's just fantastic.

One bug: if you set date to YMD, it shows as 09106130 (with the spacer 1s overlapping the following digit), instead of 09-06-30.

(Reply) (Thread)