Vue Image Zoomer
made with Vuejs

Vue Image Zoomer

图像缩放组件

相关问答
暂无相关问题
查看全部
简介

vue-image-zoomer是一个适用于Vue 2/3的轻量级、响应式图片缩放组件,支持触摸设备,适合在电商网站上放大产品图片,具有按需加载、webp格式支持、懒加载和断点等功能。

vue-image-zoomer是一个适用于Vue 2/3的轻量级、响应式图片缩放组件,同时也可以在触摸设备上使用。它非常适合在电商网站上放大产品图片。在鼠标设备上,它支持悬停(默认)或点击进行缩放,而在触摸屏上则通过点击进行缩放。性能和页面加载速度非常重要,因此缩放图片只有在需要时才会加载——只有常规大小的图片会在页面加载时加载。同时,该组件也支持webp文件格式(对于尚不支持webp的浏览器,提供jpg/png向后兼容性)。此外,还提供了对常规图片进行懒加载的选项,以及在不同屏幕尺寸上设置不同图片分辨率的断点功能。

示例

/0/images/made-with-vuejs/spatie-space-production/21374/vue-image-zoomer-k.gif

作者

Sam Jones

相关项目