Scaling DOM objects does not work in FireFox

[IQAndreas]

Using the latest commit, a0f1fb9, the "DOM Scaling" examples do not work at all in FireFox (video).

The "Canvas" version works just fine in FireFox, and both examples work flawlessly in Chrome.

Running:

• 32-bit Ubuntu 13.04
• FireFox 22.0 (I can't find a more detailed "version" number like Chrome usually displays. Perhaps that's just how compact FireFox version numbers are.)

Oddly enough, I'm not getting any errors in JavaScript errors or warnings show up in the FireBug Console. I'm too inexperienced in this filthily untyped language to fix the issue on my own, but let me know if there is any way I can assist the debugging process.

[senocular]

You will need to update

Picture.prototype.draw = function(){
    this.image.style.webkitTransform = this.transform.matrix.toString();
};

In the example code to use a non-webkit-specific transform (there may be other webkit-specific calls being made too, but that's one I know of offhand).

[senocular]

Also, I'm fairly certain the mouse position code is not cross-browser compatible (in fact might be webkit-specific as well)

[senocular]

I think webkit also has a different transformation origin than the other browsers, so that could require some additional finagling. I'll try to check in an update soon.