javascript - 在 Canvas 中缩放矩形

标签 javascript canvas

请谁帮帮我,我快疯了!

我加载了一个图像并将其绘制到 Canvas 元素上。图像中有一个矩形。该矩形标有两个红点。我想要做的是缩放矩形以填充整个图像。如果你去 http://jsfiddle.net/arpo/v2Yrv/ 你会明白我的意思的。拖动顶部的 slider 以查看红点如何从原始位置移动到 Angular 落。这正是我想要它的行为方式。但我无法让矩形以这种线性方式缩放。相反,它是弓形的。 :/

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

有人吗?

最佳答案

这是计算偏移量的正确方法

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

请查看您的updated fiddle

关于javascript - 在 Canvas 中缩放矩形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10332530/

相关文章:

javascript - 为什么我的功能只是闪烁并带我返回主页?

javascript - 如何用 promise 关闭文件句柄?

java - 如何在作为 xml 布局文件一部分的框架布局中创建 Canvas

javascript - 当ImageData不可用时如何提供正确的数据?

Javascript .indexOf 匹配 HTML 符号

javascript - 使用angularjs提取字节数组中的多个文件内容

javascript - Google 图表未在 IE 8 中显示

javascript - JSON 返回 Object 对象

javascript - 使用 Canvas 创建 MMO

javascript - 分组和取消分组 Fabric.js 对象