Шкала прямоугольника в холсте

Question

Любой, пожалуйста, помогите мне Я схожу с ума!

У меня есть изображение, загруженное и окрашенное в элемент холста. На изображении есть прямоугольник. Этот прямоугольник отмечен двумя красными точками. Я хочу сделать масштабирование прямоугольника для заполнения всего изображения. Если вы перейдете на http://jsfiddle.net/arpo/v2Yrv/ , вы увидите, что я имею в виду. Перетащите ползунок вверху, чтобы увидеть, как красные точки идут от исходных позиций до углов. Это именно то, как я хочу, чтобы он себя вел. Но я не могу получить прямоугольник для масштабирования этим линейным способом. Вместо этого он идет в лук. :/

Масштабирование сделано в функции scalePain.

Любой?

Answer 1

Это правильный путь для расчета смещений

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

Пожалуйста, смотрите ваш updated fiddle