title: How to fix click coordinates in processing.js when canvas uses css 2d transforms?
body: <p>I'm trying to learn canvas/processing.js, and the first thing I tried was getting the abstractjs demo (available <a href="http://processingjs.org/" rel="nofollow">here</a> or <a href="http://mariuswatz.com/works/abstract01js/index.html" rel="nofollow">here</a> and use it in a starting point for something new. </p>
  
  <p>The thing is, I use css 2d transforms at some point, and that seems to mess with canvas click coordinates - when I click the mouse button, the graphics pop-out not from under it, but are translated a bit - This is easy to reproduce on the demo sites I mentioned (just apply -*-transform: translate(whatever)) to the canvas element and you should see the same effect.</p>
  
  <p>Is there a simple workaround for this or is it a processing.js bug?</p>