放大图像的一部分？

Question

如何在不使用两张图像的情况下缩放图像的一部分。我的意思是，假设你只有一张图片不够大。我想在鼠标悬停时放大该图像的一部分（超过100％）。我不在乎它是否导致像素化（当然它会）。 我尝试了http://zoomy.me/home，但它也使用了两个不同的图像（图像的小型和大型版本）。

Answer 1

我建议使用云缩放。我们使用它并且相当轻松：

http://www.starplugins.com/cloudzoom

Answer 2

请按照以下步骤操作：

• 用渲染图像的画布替换图像
• 使用getImageData（）获取鼠标指针周围矩形的像素
• 创建新的放大图像数据
• 使用putImageData（）在另一个画布中渲染放大的数据

我刚才在这里写了一个例子：http://kirox.de/test/magnify.html