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

2022-09-09 0 722

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

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

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

主要特点
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 结构的重大变化,此更新与旧版本不兼容,因此如果您想更新,您必须从头开始使用您的产品……我试图使其兼容,但它是 不可能,因为旧版本风格和新更新版本之间的差异太大。

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

七爪网 行业资讯 超级缩放和平移图像查看器源代码 https://www.7claw.com/41423.html

相关文章

发表评论
暂无评论
官方客服团队

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