Converting HTML5 canvas coordinate to pixels
I have a resizeable graph in html 5 canvas created with the flot jQuery resource: http://code.google.com/p/flot/
I've read through all the docs in flot and this issue does not seem to be addressed.
What I want is fairly simple. I have four points in my html5 CANVAS object. I know the point locations according to their CANVAS coordinates: 18 ,55, 75, and 100 respectively in my html5 CANVAS graph.
I need to , however, resize the canvas, and after I resize the canvas, 18 ticks on the canvas, which used to be 221 px, is now something else in pixels, like 100 px for example.
so what I need to find is, how to I access a certain coordinate in canvas and then reference that element using css based pixels? In other words, I want to access x: 18, y: 22 in canvas and find out where that pixel is on the larger screen. Does that make sense? I'm sure this is very simple but I don't know the command.