HTML5画布/ CSS缩放

Question

所以我有一个web应用程序，可以让你绘制像矩形和形状的东西。它基于第一个坐标是（x1，y1）而第二个坐标是（x2，y2）的想法来绘制它们。在100％缩放时在画布上绘图时，一切都按预期工作。但是当我缩放（通过CSS）到80％时，应用程序从（0,0）画布点获取鼠标位置的坐标作为实际屏幕像素。它用这些点在缩放的画布上绘制它们，但缩放到比例。这使得所有的矩形画在错误的坐标上。

这是令人困惑的解释，所以这里是一个快速的视频，我画了一个缩放到80％的画布上的矩形。 https://dl.dropboxusercontent.com/u/15582820/problem.swf 你可以看到为什么这不起作用。基本上必须有一个公式，所以它可以将缩放的坐标乘以基于比例（0-100％）的某个数字，以获得实际的屏幕坐标在该缩放处将会是什么。

任何帮助非常感谢。我卡住了。

Answer 1

的方式做到这一点：

zoom = [between 0-100...]; 
x1 = 100/zoom 

听起来很简单，但是这是所有需要。