images-viewer-vue3:一款Vue3的轻量级图像查看器,它基于Flip动画技术,支持PC和h5移动网页预览照片,如果它是Vue3开发的产品。
npm开源地址:https://www.npmjs.com/package/images-viewer-vue3?activeTab=readme
Flip 动画 <= 60fps
技术栈
这款图片预览器是基于vite5+vue3+Ts5技术栈的,基于vite5的库模式打包,发布包大小217kb。使用辅助工具库如下:
- hotkeys-js;
- vite-plugin-dts;
- @vueuse/core。
已实现功能
- Rotate image:旋转图片
- Zoom image:缩放图片
- Flip image:翻转图片
- Drag image:拖拽图片
- Download image:下载图片
- AutoPlay image:播放图片列表
- Full screen preview image:全屏预览图片
- Image information:图像基本信息
用法
安装
npm install images-viewer-vue3
--or
pnpm add images-viewer-vue3
--or
yarn add images-viewer-vue3
配置main.ts|js
import {
createApp } from "vue";
import App from "./App.vue"<