使用javascript图像缩放?

时间:2008-10-11 22:44:51

标签: javascript imaging

有没有人有一些好的代码可以使用javascript缩放图像?

我知道我可以调整它等等但是懒得找一些聪明的东西放大到不同的水平,在放大时移动等等

3 个答案:

答案 0 :(得分:3)

答案 1 :(得分:3)

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

来执行谷歌地图样式

答案 2 :(得分:2)

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

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

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

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

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

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

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