问题标签 [zoomify]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
1603 浏览

tile - 如何在 openseadragon 中使用 Zoomify 平铺源?

我试图弄清楚如何在 openseadragon 项目中使用使用 Photoshop 的 Zoomify 输出生成的图块。我认为我需要使用自定义平铺源来执行此操作,但 Zoomify 使用的文件夹结构和文件命名约定相当令人费解,所以我想知道是否有人以前这样做过。

我需要在自定义磁贴源中配置 getTileUrl 函数,以便确定每个磁贴的缩放级别、行和列。我以前使用过深度缩放作曲家生成的图块,没有问题(并且不需要自定义图块源),但我现在使用的图像太大而无法实用,例如 15 - 25Gig。

openseadragon 文档中的示例是

但是 zoomify 文件夹结构是: ouput_folder > TileGroup179 > 10-100-44.jpg 10-102-44.jpg TileGroup18 > 8-0-24.jpg 8-1-24.jpg 8-10-24.jpg .. .TileGroup180 >

对此的任何帮助将不胜感激,在此先感谢。

0 投票
1 回答
2986 浏览

imagemagick - ImageMagick 将大图像裁剪成 xyz 瓷砖

我有一个大 jpg,其分辨率为 x * 256 / x * 256。我想将此图像切割成 256x256 的图块,命名约定为 {zoom}-{x}-{y}.jpg。在过去,我使用过 ZoomifyExpress Converter 来进行切割和缩放。我还想要 6 个不同的缩放级别。到目前为止,我已经开始使用这个命令:

转换 example.jpg -crop 256x256 +gravity -set filename:tile ./tiles/%[fx:page.x/256]-%[fx:page.y/256] %[filename:tile].jpg

这会产生很多 xy.jpg 图块。我不知道如何添加不同的缩放级别。我对 ImageMagick 比较陌生,这感觉像是一件基本的事情。希望有人可以帮助我。提前致谢。

0 投票
2 回答
1357 浏览

javascript - OpenLayers 3 - Zoomify - 瓷砖 - 入门

我是 OpenLayers 的新手,想从 Google Maps API 切换。

现在我想弄清楚如何将大图像放入 OpenLayers,就像我可以使用 Google Maps API 一样: https ://developers.google.com/maps/documentation/javascript/examples/maptype-image

我猜 OpenLayers 的依赖是 Zoomify,对吧? http://openlayers.org/en/v3.0.0/examples/zoomify.html

现在我在 Zoomify 上找不到任何好的 How To 或 Get Started。

  • 我应该知道关于 OpenLayers 和 Zoomify 的很好的介绍吗?
  • 我如何需要将图像切成瓷砖?
  • 我可以像在 Google 地图中那样命名图块吗?
  • 我下载了 OL3,但示例不起作用。我需要编译一些东西吗?
0 投票
2 回答
714 浏览

openlayers-3 - 在 OL3 中加载本地缩放图块集

我从一些数字化地图图像生成了一个缩放图块集,现在想使用 OL3 在网站上显示该地图。但是,我的脚本当前无法从本地文件 uri 加载该地图(稍后,在生产中,我将在某些 Web 服务器上上传切片并使用 HTTP 引用切片)。这是我到目前为止所拥有的:

任何想法为什么会失败?谢谢。

0 投票
0 回答
124 浏览

wordpress - 忽略这个!究竟如何建立WordPress根目录路径?

好吧,我设法解决了。这是一个相当混乱的帖子,所以也许它应该被删除。塔……


这个问题已经在这里处理了很多次,但不幸的是,所有的响应都是代码片段,没有关于如何使用它们的说明。也许这个论坛对于这些基本的东西来说太复杂了,如果我在错误的地方,任何关于去哪里的建议都将不胜感激。

我必须将 Zoomify 文件夹安装到我网站的 Wordpress 根文件夹中。使用 cPanel 看起来很简单 - 根文件夹似乎是 public_html/ - 这就是 wp-login.php 的地方。我的网站文件夹位于下一层,我已将文件夹放在两个位置并相应地调整了路径。一切都无济于事......我无法获得 Zoomify 图像。

我也采取了另一种方式,将路径设置为 home/xxxxx/public_html/xxxx。仍然无济于事。

引用文件夹的部分代码如下所示(我不能在此处包含脚本):

#heic1403a { 宽度:650px; 高度:500px }

Z.showImage("heic1403a", "/Zoomify5/images/heic1403a", "zSkinPath=/Zoomify5/Assets/Skins/Default", "zLogoVisible=0");

那么,有人可以指导我如何建立实际的根吗?答复将不胜感激。

0 投票
1 回答
728 浏览

html - 自动居中缩放图像

在编程方面我是新手,我希望你们都可以帮助我。我正在尝试自动将通过 VIPS 创建的 Zoomify 图像居中。

不幸的是,我很难找到如何使图像居中。如果我使用 openlayers 中的示例。org http://openlayers.org/en/v3.3.0/examples/zoomify.js 我最终以一种奇怪的方式居中。

有什么我做错了,或者我可以根据不同的图像尺寸自动居中图像和缩放吗?

这是我正在使用的代码片段和有趣的中心,使其可以通过一半(但不可靠:中心:[-20000000,20000000])

0 投票
1 回答
97 浏览

javascript - 如何解析 ZoomifyImageFormat 图像?

对不起我的英语不好 :)

我在解析来自一个站点的图像时遇到问题。他们使用的是 zoomify.com 产品。在网络选项卡(chrome 开发工具)上,它获取带有后缀的 .zif 文件,例如:“/abc/file.zif?t1474131368079n22”。如何获取原始 JPEG 图像,知道“/abc/file.zif”文件(没有后缀)。

示例: http ://www.sunnybrookrvresort.com/Zoomify5/10-ZIF-OneFileStorage.htm

谢谢。

0 投票
2 回答
441 浏览

zoomify - Zoomify .zif 格式性能不佳

Zoomify Pro提供的新的 .zif 单一文件格式似乎存在一些性能问题。将其与旧文件结构相比,它加载页面的速度要慢 3 到 4 倍,并且它发送的请求超过 50%(使用多种文件格式的相同初始图像进行测试)。

使用旧格式对于输出产品是不可行的,我们被困在超过一分钟的加载时间。

有没有人遇到过这个问题,是否有一些解决方法?互联网和官方网站上的结果似乎没有任何帮助。

注意:联系供应商尚未产生任何结果。

0 投票
1 回答
959 浏览

javascript - 如何在 Leaflet 中偏移和缩放自定义切片图层?

我想使用Leaflet Zoomify 插件的这个 fork(更新为与最新的 Leaflet 版本一起使用)来显示自定义地图(巨大的纹理 ~30000x70000)。

我需要在地图上使用地理坐标(设置标记)并想知道最好的方法是什么,因为在通过插件初始化时无法设置偏移、比例或边界。

  • 最初,我认为 Leaflet 中应该有一种方法来校准TileLayer,就像ImageOverlay可以通过设置图像边界一样。但情况似乎并非如此。
  • 这是插件应该处理的事情吗?在这种情况下,我会在回购中提出一个问题。
  • 我还在 Leaflet 中看到了转换方法 。我想知道最好的方法是使用这些方法将地理坐标转换为像素吗?

我也愿意切换到另一种文件格式和插件。

任何建议都将受到高度赞赏。
非常感谢!

0 投票
1 回答
51 浏览

openlayers - OpenLayers 可以仅更改倍数而不是中间图像的大小(使用 ol.source.Zoomify 的参数“大小”)吗?

我在 Zoomify 之前通过的图像上使用 Openlayers,因为它很大(2gb +)。除了地图之外,我还使用了一组已附加 javascript 函数的多边形。我通过“sourceFeatures.addFeature (featurePolyXY)”函数使用它们;该图像比用于创建多边形的图像略小。看到多边形是从一个包含大量值的大型 xml 文件生成的,想法是放大地图以使其与多边形保持一致,而不是修改多边形的坐标。

我想我可以通过 ol.source.Zoomify 的“大小”参数来改变地图的大小。虽然尺寸乘以 2 效果很好,但并非总是计算其他每个中间量都提出标准尺寸。看到这是我第一次使用 openlayers,我确信解决方案就在我的眼皮底下,我没有注意到它......这是我使用的代码:

关于参数:size: [imgWidth, imgHeight]

我尝试输入以下值大小:[33165, 33165] => 图像根据原始大小显示大小:[66330, 66330] => 正确图像将大小加倍:[imgWidth*2, imgHeight*2 ] => 正确的图像尺寸加倍尺寸:[imgWidth*5, imgHeight*5] => 正确的图像尺寸为 *5 尺寸:[49000, 49000] => 图像按照原始尺寸磨损显示

控制台中没有给出错误。

是否有可能放大图像大小而不是两倍或倍数,而是中间方式,例如* 1.3?