图像金字塔实现图像缩放
Vue放大镜 (vue-magnifier)
Vue Magnifier is free component for basic image zoom practices. You can use it as follows:
Vue放大镜是基本图像缩放实践的免费组件。 您可以按以下方式使用它:
<vue-magnifier src="default-image-source" src-large="large-image-source"></vue-magnifier>To customize the look and feel of the component, just edit the vue component file, or the provided standalone vue-magnifier.scss or the vue-magnifier.css file.
View demo 查看演示 Download Source 下载源
从CDN独立加载 (Load standalone from CDN)
<script src="/gh/zeknoss/[emailprotected]/dist/js/vue-magnifier.js"></script><link rel="stylesheet" type="text/css" href="/gh/zeknoss/[emailprotected]/dist/css/vue-magnifier.css" media="screen" />
从本地独立加载 (Load standalone from local)
<script src="some/path/to/js/vue-magnifier.js"></script><link rel="stylesheet" type="text/css" href="some/path/to/css/vue-magnifier.css" media="screen" />
构建设置 (Build Setup)
# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build# build for production and view the bundle analyzer reportnpm run build --report# run unit testsnpm run unit# run all testsnpm test
翻译自: /a-simple-vuejs-component-for-image-magnifying-product-zooming/
图像金字塔实现图像缩放