代码之家  ›  专栏  ›  技术社区  ›  alexmac

使用javascript进行图像缩放?

  •  2
  • alexmac  · 技术社区  · 16 年前

    有没有人能找到一些好的代码来使用javascript放大图像?

    我知道我可以调整它的大小等等,但我很懒,想找一些聪明的东西来缩放到不同的水平,缩放时四处移动等等

    3 回复  |  直到 16 年前
        2
  •  3
  •   willi    16 年前

    图像有多大? 如果它们是巨大的图像,你可以像谷歌地图一样使用它 http://www.casa.ucl.ac.uk/software/googlemapimagecutter.asp

        3
  •  2
  •   mattlant    16 年前

    这实际上取决于你所追求的品质。如果您需要hires hiquality图像,并具有详细的缩放级别和适当的插值,则需要编写一个后端服务来提供图像的缩放部分。如果您不关心质量或速度,您可以下载整个图像,并将其显示在一个div内,该div是绝对定位的,偏移了要查看的区域,大小由缩放级别决定。

    for this

    我有一个asp.net通用处理程序,它接受一个查询字符串,指示要放大的图像(通过id)和坐标以及目标图像大小。我让服务加载图像并裁剪和调整其大小(比这更复杂,因为我在最初上传文件时进行了许多优化和准备,例如文件的多个横截面,以便在缩放时更快地提供服务,但我在这里描述的是基本内容)。

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

    现在我理解了你的懒惰要求,但我需要说,写这篇文章实际上很容易,可以让基础工作顺利进行。你会发现最难的部分是做一个选择框。但即使这样,也可以像跟踪两次点击一样简单。缩放的左上角选择框,右下角选择框。或者根本没有选择框,只能按预定的间隔进行放大和缩小。我在我的项目中需要一个缩放框,因为它是一个相当复杂的图像分析解决方案。