问题标签 [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.
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 >
对此的任何帮助将不胜感激,在此先感谢。
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 比较陌生,这感觉像是一件基本的事情。希望有人可以帮助我。提前致谢。
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,但示例不起作用。我需要编译一些东西吗?
openlayers-3 - 在 OL3 中加载本地缩放图块集
我从一些数字化地图图像生成了一个缩放图块集,现在想使用 OL3 在网站上显示该地图。但是,我的脚本当前无法从本地文件 uri 加载该地图(稍后,在生产中,我将在某些 Web 服务器上上传切片并使用 HTTP 引用切片)。这是我到目前为止所拥有的:
任何想法为什么会失败?谢谢。
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");那么,有人可以指导我如何建立实际的根吗?答复将不胜感激。
html - 自动居中缩放图像
在编程方面我是新手,我希望你们都可以帮助我。我正在尝试自动将通过 VIPS 创建的 Zoomify 图像居中。
不幸的是,我很难找到如何使图像居中。如果我使用 openlayers 中的示例。org http://openlayers.org/en/v3.3.0/examples/zoomify.js 我最终以一种奇怪的方式居中。
有什么我做错了,或者我可以根据不同的图像尺寸自动居中图像和缩放吗?
这是我正在使用的代码片段和有趣的中心,使其可以通过一半(但不可靠:中心:[-20000000,20000000])
javascript - 如何解析 ZoomifyImageFormat 图像?
对不起我的英语不好 :)
我在解析来自一个站点的图像时遇到问题。他们使用的是 zoomify.com 产品。在网络选项卡(chrome 开发工具)上,它获取带有后缀的 .zif 文件,例如:“/abc/file.zif?t1474131368079n22”。如何获取原始 JPEG 图像,知道“/abc/file.zif”文件(没有后缀)。
示例: http ://www.sunnybrookrvresort.com/Zoomify5/10-ZIF-OneFileStorage.htm
谢谢。
zoomify - Zoomify .zif 格式性能不佳
Zoomify Pro提供的新的 .zif 单一文件格式似乎存在一些性能问题。将其与旧文件结构相比,它加载页面的速度要慢 3 到 4 倍,并且它发送的请求超过 50%(使用多种文件格式的相同初始图像进行测试)。
使用旧格式对于输出产品是不可行的,我们被困在超过一分钟的加载时间。
有没有人遇到过这个问题,是否有一些解决方法?互联网和官方网站上的结果似乎没有任何帮助。
注意:联系供应商尚未产生任何结果。
javascript - 如何在 Leaflet 中偏移和缩放自定义切片图层?
我想使用Leaflet Zoomify 插件的这个 fork(更新为与最新的 Leaflet 版本一起使用)来显示自定义地图(巨大的纹理 ~30000x70000)。
我需要在地图上使用地理坐标(设置标记)并想知道最好的方法是什么,因为在通过插件初始化时无法设置偏移、比例或边界。
- 最初,我认为 Leaflet 中应该有一种方法来校准TileLayer,就像ImageOverlay可以通过设置图像边界一样。但情况似乎并非如此。
- 这是插件应该处理的事情吗?在这种情况下,我会在回购中提出一个问题。
- 我还在 Leaflet 中看到了转换方法 。我想知道最好的方法是使用这些方法将地理坐标转换为像素吗?
我也愿意切换到另一种文件格式和插件。
任何建议都将受到高度赞赏。
非常感谢!
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?