文档地址:文档地址,点击进入 体验地址:体验地址,请使用手机访问 基于Vue.js的图片裁剪组件,已上传至npm,主要功能为,图片的缩放旋转和裁剪 ———————————————— 组件使用的图片类型支持file,blob,base64或线上与线下路径 ————————————————
1.安装
npm i vue-image-cutting2.使用
// 在 main.js 文件中引入插件并注册 // main.js import VueImageCutting from 'vue-image-cutting' import 'vue-image-cutting/lib/VueImageCutting.css' Vue.use(VueImageCutting)3.在项目中用使用
<template> <div> <Vue-imageCutting :picturePath="picturePathData" @confirm="confirmMethod" /> </div> </template> <script> export default { data () { return { picturePathData:"xxx.jpg" } }, methods:{ confirmMethod(event){ console.log(event) } } } </script>发现问题请反馈给我(邮箱):1033279566@qq.com