【文件属性】:
文件名称:vue-cropper:一个用于vue的简单图片剪辑插件
文件大小:455KB
文件格式:ZIP
更新时间:2021-02-03 15:40:10
javascript vue cropper JavaScriptVue
需要使用外层容器包裹并设置宽高
使用注意:需要关掉本地的mock服务,不然图片转换会报错
组件内使用
import { VueCropper } from 'vue-cropper'
components: {
VueCropper,
},
main.js里面使用
import VueCropper from 'vue-cropper'
Vue.use(VueCropper)
cdn方式使用
[removed][removed]
Vue.use(window['vue-cropper'].default)
nuxt 使用方式
if(process.browser) {
vueCropper = require('vue-cropper')
Vue.use(vueCropper.default)
}
< vueCropper
ref =" cropper "
:img =" option.img "
:outputSize =" option
【文件预览】:
vue-cropper-master
----.gitignore(54B)
----package.json(1KB)
----english.md(13KB)
----package-lock.json(220KB)
----src()
--------index.js(332B)
--------vue-cropper.vue(59KB)
--------exif-js-min.js(4KB)
----webpack.config.js(1KB)
----dist()
--------index.js(40KB)
----LICENSE(1KB)
----README.md(14KB)
----example()
--------.gitignore(38B)
--------.babelrc(81B)
--------package.json(816B)
--------package-lock.json(258KB)
--------src()
--------webpack.config.js(1KB)
--------yarn-error.log(219KB)
--------dist()
--------asset()
--------index.html(988B)
--------test()
--------yarn.lock(213KB)
----test()
--------index.html(13KB)
----yarn.lock(168KB)