2

关于缩放大图像和平移的任何建议?理想情况下内联在页面上。

我一直在使用 PanoJS(又名 GSV2),但现在更多人使用 iPhone/iPad/Android 类型的设备,这个库要么太慢,要么旧版本不支持拖动(我现在正在使用的那个) )。

http://code.google.com/p/panojs/

http://www.dimin.net/software/panojs/

我目前的想法是,对于这些小处理器来说,使用平铺图像方法太多了(在最大缩放时试图从 3000 x 3000 像素的原始图像中拖动 144 个单独的图像,其中每个平铺图像为 250x250 像素)。

所以可能更多地关注以设定的宽度/高度加载原始图像......并且要么编写我自己的 JS 来缩放/拖动,要么使用另一个库(我目前似乎找不到).. . 然后是使用 jQuery(使用 jQuery UI 支持可拖动),或者只是自己编写原始 JS 以减少代码量的问题。

4

3 回答 3

10

更重要的是回答我自己的问题,因为标准库似乎不能像我需要的那样工作,我最终创建了自己的解决方案:

https://github.com/craigfrancis/zoomify

目的是您可以复制此代码,然后根据您自己的特定要求对其进行自定义......所以理想情况下,您应该能够阅读/理解代码,而不是仅仅将其放入您的项目中并希望获得最好的结果。

于 2012-07-29T12:17:27.807 回答
0

我建议为屏幕宽度的移动设备制作一个视口。

将视口之外的所有图像设置为显示多个图块:无。然后当用户平移时,只需更新显示属性。

这样浏览器将主要计算一个大元素与几张图像一起移动,然后计算一些图像的开启和关闭状态。

与重新计算图形繁重的 div 元素相比,图形密集度要低得多。

于 2012-07-04T21:28:28.660 回答
0

在环顾四周后,我决定使用OpenSeadragon新 BSD许可证),这是一个基于 Web 的开源查看器,用于高分辨率可缩放图像(桌面和移动)。我需要它用于具有多图像支持和过滤功能的图像金字塔源(通过众多插件之一)

另一个强有力的竞争者是OpenLayers ( 2-Clause BSD )。这是一个带有静态图像的简单示例,这是示例的完整列表

于 2018-01-16T13:06:13.943 回答