キャンバスの縮尺の長方形

Question

いずれかが私を助けてください私は夢中になる！

イメージが読み込まれ、キャンバス要素にペイントされています。画像には四角形があります。この矩形は2つの赤い点でマークされています。私がしたいのは、画像全体を満たすように四角形を拡大/縮小することです。 http://jsfiddle.net/arpo/v2Yrv/ に行くと、私の言いたいことが分かります。スライダを上にドラッグすると、赤い点が元の位置から角までどのように移動するのかを確認できます。これはまさに私がそれが行動する方法です。しかし、この直線的な方法で矩形を拡大縮小することはできません。代わりに、それは弓の中に入る。 ：/

scalePain関数でスケーリングが行われます。

いずれか？

Answer 1

これはあなたのオフセット計算のための正しい方法である

offx = topx - tx - topx * scale; 
offy = topy - ty - topy * scale; 

してください、あなたのupdated fiddle