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 

聽起來很簡單，但是這是所有需要。