在画布中缩放矩形

时间:2012-04-26 11:31:48

标签: javascript canvas

任何人请帮助我,我疯了!

我已加载图像并将其绘制到画布元素。在图像中有一个矩形。此矩形标有两个红点。我想要做的是缩放矩形以填充整个图像。如果你去 http://jsfiddle.net/arpo/v2Yrv/ 你会明白我的意思。将滑块拖动到顶部以查看红点如何从原始位置移动到角落。这正是我希望它表现的方式。但是我不能以这种线性方式缩放矩形。相反,它鞠躬。 :/

缩放是在函数scalePain中进行的。

任何人?

1 个答案:

答案 0 :(得分:2)

这是进行偏移计算的正确方法

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

请查看您的updated fiddle