Absolute Positioning and the Canvas Element
I’ve been working on a personal “hobby time” project lately using John Resig’s port of Processing (a Java thing) to Processing.js (a javascript thing).
I was at one of those lulls where, instead of worrying about the code, I started playing with the layout. My <canvas> element is sitting inside a <div>, whose “positioning” property I changed to absolute. After this edit, the top-left corner of my <canvas> was no longer (0,0). It had changed to the (x,y) coordinate of the <canvas> element on the page.
Of course, the above conclusion was only reached after a bunch of “W.T.F is going on? Why T.F. is everything broken?”. After some other debugging routes, it dawned on me what might have happened. So I set the frame rate to 1, and used Firebug to log the mouseX and mouseY as I moved the mouse around. Sure enough, my positioning of “top: 200; left:200;” was reflected in Firebug’s console output showing coordinates near those values while hovering around the top left corner. Commenting out the style sheet’s absolute positioning returned the console output to the (0,0) area code.
So this is a defect, right? I can’t imagine that’s how it’s supposed to work. Anyway, consider this a heads-up if you decide to embark on a little processing.js play.
5 Comments
Hi! I found your read it all here plugin for Wp and I love the idea. It does not work as I wish though: when clicking the second time to get it to close again it closes but THEN the link takes me to the page of the post. I really hate that because then one gets lost easily so I woudl love to know how to fix that.
(and I know this is not a comment to your post above but youhad left no room for comments at the pluginpost, sorry;-)
Best wishes
Ulrika
That’s weird. I’m sorry that’s happening. My initial thought is that the jQuery method handling the ‘click’ isn’t canceling that event. I don’t see the same behavior on my site, so maybe the version of jQuery including in your WP install is older? When I get a chance I’ll see if I can’t figure out something more specific for you to look at.
No I see it is working fine on yours. I have the latest version of WP maybe i should try to upload a new version of jQuery?
I have never liked the going on to a special page to read the rest so you plugin was exactly in my taste!
I just updated to WP 2.8 and now my sight is having the same problem. Hopefully I can get this sorted out right now (limited time).
I’ll update this post when its fixed.