有任何人得到为一些很好的代码放大图像的使用javascript?

我知道我可能只是将其调整等,但是懒惰,并寻找一些聪明以缩小到不同水平,周围移动时缩小等

有帮助吗?

解决方案

这实际上取决于你追求的品质。如果您需要具有详细缩放级别和正确插值的雇佣高质量图像,则需要编写后端服务以提供图像的缩放部分。如果你不关心质量或速度,你可以下载整个图像并使其适合显示在一个绝对定位的div内,偏移你想要查看的区域,并根据缩放级别确定大小。

我会说你可能是第一个选择之后。已经有一些工具为此,我坚持使用任何工具;我相信会发布给你可以尝试的其他人的链接;我写了自己的服务和客户。我不能将其作为其专有的详细信息,但我可以概述一下我的工作。

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

该服务只返回type / jpeg并发送图像。

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

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

我希望这至少对你有所帮助,并引导你做一些有用的事情。

其他提示

图像有多大? 如果它们是巨大的图像,您可以使用此 http:// www.casa.ucl.ac.uk/software/googlemapimagecutter.asp

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top