移动端基于Vue.js使用简单的图像裁剪组件,支持npm安装

it2023-02-12  87

基于Vue.js使用简单的图像裁剪组件,支持npm安装

文档地址:文档地址,点击进入 体验地址:体验地址,请使用手机访问 基于Vue.js的图片裁剪组件,已上传至npm,主要功能为,图片的缩放旋转和裁剪 ———————————————— 组件使用的图片类型支持file,blob,base64或线上与线下路径 ————————————————

1.安装

npm i vue-image-cutting

2.使用

// 在 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

最新回复(0)