2008-10-11 54 views
2

有没有人有一些很好的代码来放大使用JavaScript的图像?图像放大使用javascript?

我知道我可以只调整它的大小等,但是懒惰和寻找一些巧妙放大到不同的级别,放大时等

回答

2

这真的取决于你是什么样的品质后走动。如果您需要具有详细缩放级别和正确内插的雇用人体图像,则需要编写后端服务来提供图像的缩放部分。如果您不关心质量或速度,可以下载整个图像并将其显示在绝对定位的div内,并根据缩放级别确定要查看和调整大小的区域。

我会说你可能在第一个选项后。有一些工具已经制作for this,我坚持使用任何工具;我确信othes会发布链接给其他人,你可以尝试;我写了自己的服务和客户端。我不能进入专有的细节,但我可以给你一个我做什么的概述。

我有一个asp.net通用处理程序,它需要一个查询字符串来表示哪个图像(通过id)以及要放大的坐标和目标图像大小。我有服务加载图像和裁剪并调整大小(比它更复杂,因为我有很多优化和准备当文件最初上传时,例如文件的多个截面以便缩放时更快地投放,但是我描述的是这里是基础知识)。

该服务只是返回类型image/jpeg并发送图像。

在客户端,我写了一个选框框控件,允许用户在他们想要放大的图像上选择一个区域。他们选取该区域并单击缩放。然后根据原始图像尺寸和可视图像大小计算所选坐标图像的偏移量。我将hese coords发送到前面提到的处理程序。我将srvice的查询字符串加载到Image对象中,并处理onload。如果一切顺利,我将其交换到所查看的图像,并更新所有客户端变量,以确定放大图像上的位置,然后可以再次缩放或缩小或进一步平移。

现在我明白你的懒惰要求,但我需要说写这个实际上很容易做到让基础知识去。你会发现最难的部分是做一个选择框。但即使如此,跟追踪两次点击一样简单。缩放选择品牌的左上角和右下角。或者根本没有选择框,并且只在预定的时间间隔内放大和缩小。我在我的项目中需要一个缩放框作为其相当复杂的图像分析解决方案。

我希望这至少有帮助,并带领你一些有用的东西。

+0

谢谢Mattlant。它的演示试图说服客户购买系统,因此我们不想花太多时间在它上面。我有一个服务已经改变了RGB和对比度,所以可能只是像你指定的那样添加缩放 – alexmac 2008-10-12 09:27:57