超级缩放和平移图像查看器源代码

2026-02-07 0 325

超级缩放和平移图像查看器源代码

什么是超级缩放平移图像查看器
功能丰富且独特的工具,允许显示和缩放/缩放大型图像/产品(高分辨率图像,例如衣服、汽车、地图、技术方案等),具有无与伦比的控制和功能。

专门用于显示具有大量细节的大质量图像,允许缩放和平移图像、添加标记/热点等等……

主要特点
owerfull image zoomer & viewer – 功能丰富且独特的工具,允许显示和缩放/缩放大型图像/产品(高分辨率图像,例如衣服、汽车、地图、技术方案等),具有无与伦比的控制和功能。

硬件加速 – 缩放器专门用于显示具有大量细节的大质量图像,这可以使用最新的 CSS/Javascript 技术使用硬件加速来渲染图像,以获得出色的性能,而不是默认的浏览器图像渲染。

响应式布局——无论使用哪种设备,都具有完全响应性和适应性。

易于使用和安装 – 这个插件是一个拥有超过 14 年制作经验的老手,我们有足够的时间来了解我们的客户并打包最好的图像缩放器!

移动和桌面优化 – 缩放器将适应任何屏幕尺寸和任何设备,更适用于桌面浏览器或手机。

Grpahics 图像 .png 皮肤或矢量皮肤 – 两个包含的皮肤具有 .png 图像皮肤或矢量 svg 皮肤 1 或矢量 svg 皮肤 2,在视觉上皮肤看起来相同。包括 Figma/.fig 文件以及有关如何使用图形和矢量皮肤的视频教程。

无限的皮肤设计可能性——因为缩放器可以选择图形/.png 皮肤,所以皮肤设计实际上没有任何限制,只需用您自己的替换用于皮肤的 .png 文件,并在此处创建魔术示例和视频教程。

>延迟滚动或延迟加载 – 当缩放器在页面中可见时初始化滚动缩放器,这样如果缩放器位于不可见的页面部分中,它将不会被初始化,而是仅当用户将被初始化时滚动到该页面部分。

高画质——支持高画质而不损失性能。

标记或热点——三种热点类型(链接、小信息窗口和详细信息窗口)允许在特定区域显示有关产品的信息。创建热点后,可以在多个图像上使用。

深度缩放——当图像被缩放时,可以在特定的缩放/缩放和位置添加标记/热点,并且它们只会在达到特定缩放/缩放时出现,例如这里。

可定制的标记或热点——标记或热点可以是任何大小或形状,并且它们可以变化,例如,如果您想添加三个链接类型的热点,每个热点可以有不同的大小或图形,这适用于所有标记/热点类型。

可自定义的标记或热点位置 – 用于查找标记正确位置的内置工具。

导航器窗口 – 可自定义的小导航器窗口,允许在缩放图像时平移图像。窗口大小可以设置为任何大小,并且导航器图像是从原始图像自动绘制的,例如这里。

右键菜单——可自定义的右键上下文菜单,允许控制缩放器、平移、全屏等……

控制按钮栏 – 带有按钮的完整控制按钮栏。控制按钮栏可以位于垂直顶部或底部以及水平左侧、中心或右侧。

可定制的按钮——所有按钮都是可选的,如果不需要一个或多个按钮,可以轻松移除,按钮顺序可以根据需要设置,按钮几何形状(间距和位置)可以单独设置,提供微调控制。

平移左、右、顶部和底部按钮 – 此按钮将允许水平或垂直平移/移动图像,它们是可选的,可以单独删除。

超级缩放和平移图像查看器源代码

放大和缩小按钮以及滚动条 – 放大或缩小图像时的精确控制。

可自定义的缩放系数——可以自定义缩放系数,允许微调缩放级别,这样可以根据需要放大或缩小图像,例如这里。

可自定义的缩放速度 – 可自定义的缩放速度允许微调控制放大速度和缩小速度,这可以根据图像类型或图像大小单独自定义,例如这里。

捏合和缩放手势 – 捏合和缩放手势支持支持触控的移动设备,例如 Iphone/IOS 和 Smasung S+/Android,图像可以用两根手指缩放或用一根手指平移。

双击缩放——当图像被双击时,它会被放大到它被双击的地方,也可以为这个功能设置缩放系数。

全屏按钮 – 此按钮将在本机全屏/正常屏幕中设置缩放器显示类型。

信息窗口按钮和信息窗口 – 信息窗口按钮,用于显示支持任何 HTML 内容的详细定制窗口,并且可以根据您的设计进行样式设置。

可自定义的按钮工具提示 – 可选按钮提示和可自定义的工具提示文本。

键盘支持 – 使用箭头移动/平移缩放图像。

鼠标滚轮支持 – 使用鼠标滚轮放大或缩小缩放器图像,例如这里。

强大的 API – 所有功能的完整 API 以及更多的事件支持,可以在缩放器外部调用此方法和事件。

详细的文档和视频教程 – 该插件附带详细的文档以及各种视频教程。

开发人员的直接支持 – 一旦您购买了 MegaZoom & Pan Image Viewer,您还将获得插件开发人员的直接支持和关注。

超级缩放和平移图像查看器源代码

更新日志:
版本 3.0 发布日期 21.10.2020
升级和更新整个 UI/用户界面和 UX/用户体验和皮肤,使其更加现代和适应性强。
删除旧皮肤并用两个新的现代皮肤替换它们。
改进了标记样式和使用。
添加了对矢量皮肤的支持,所有图标(如按钮、标记等)现在可以直接使用 CSS 为矢量 SVG 和样式,例如此处。
优化代码以更快地加载和更好地执行。
添加了各种设置以微调图像控制。
修复了各种错误
请注意,由于查看器 CORE 结构的重大变化,此更新与旧版本不兼容,因此如果您想更新,您必须从头开始使用您的产品……我试图使其兼容,但它是 不可能,因为旧版本风格和新更新版本之间的差异太大。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

申明:本文由第三方发布,内容仅代表作者观点,与本网站无关。对本文以及其中全部或者部分内容的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。本网发布或转载文章出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,也不代表本网对其真实性负责。

左子网 开发教程 超级缩放和平移图像查看器源代码 https://www.zuozi.net/48552.html

常见问题
  • 1、自动:拍下后,点击(下载)链接即可下载;2、手动:拍下后,联系卖家发放即可或者联系官方找开发者发货。
查看详情
  • 1、源码默认交易周期:手动发货商品为1-3天,并且用户付款金额将会进入平台担保直到交易完成或者3-7天即可发放,如遇纠纷无限期延长收款金额直至纠纷解决或者退款!;
查看详情
  • 1、描述:源码描述(含标题)与实际源码不一致的(例:货不对板); 2、演示:有演示站时,与实际源码小于95%一致的(但描述中有”不保证完全一样、有变化的可能性”类似显著声明的除外); 3、发货:不发货可无理由退款; 4、安装:免费提供安装服务的源码但卖家不履行的; 5、收费:价格虚标,额外收取其他费用的(但描述中有显著声明或双方交易前有商定的除外); 6、其他:如质量方面的硬性常规问题BUG等。 注:经核实符合上述任一,均支持退款,但卖家予以积极解决问题则除外。
查看详情
  • 1、左子会对双方交易的过程及交易商品的快照进行永久存档,以确保交易的真实、有效、安全! 2、左子无法对如“永久包更新”、“永久技术支持”等类似交易之后的商家承诺做担保,请买家自行鉴别; 3、在源码同时有网站演示与图片演示,且站演与图演不一致时,默认按图演作为纠纷评判依据(特别声明或有商定除外); 4、在没有”无任何正当退款依据”的前提下,商品写有”一旦售出,概不支持退款”等类似的声明,视为无效声明; 5、在未拍下前,双方在QQ上所商定的交易内容,亦可成为纠纷评判依据(商定与描述冲突时,商定为准); 6、因聊天记录可作为纠纷评判依据,故双方联系时,只与对方在左子上所留的QQ、手机号沟通,以防对方不承认自我承诺。 7、虽然交易产生纠纷的几率很小,但一定要保留如聊天记录、手机短信等这样的重要信息,以防产生纠纷时便于左子介入快速处理。
查看详情

相关文章

猜你喜欢
发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务