Vue Cropper是一个实用的JavaScript图像裁剪插件。基于Vue.js,实现了放大缩小、旋转、拖动区域裁剪、图像压缩、web上传等功能。API也非常简单易用。下面web建站小编给大家简单介绍一下脚手架的搭建步骤!
安装 Vue Cropper
# npm 安装 npm install vue-cropper # yarn 安装 yarn add vue-cropper // 在 Vue 3 中使用 import 'vue-cropper/dist/index.css' import { VueCropper } from "vue-cropper"; // 使用组件 <vueCropper ref="cropper" :img="option.img" :outputSize="option.size" :outputType="option.outputType" ></vueCropper>
在线引入 cdn 地址
// 在线引入,需要新引入 vue.js <script src="https://cdn.jsdelivr.net/npm/vue@3.2.1/dist/vue.global.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue-cropper@1.0.2/dist/vue-cropper.umd.js"></script> // 初始化 Vue const app = Vue.createApp({...}); // 使用插件 app.component('vue-cropper', window['vue-cropper'].VueCropper);
上面是“Vue Cropper图片裁剪插件如何搭建运用”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_12795.html
workflows工作流
一位老人安详地坐在云层中钓鱼
一只黑色的小猫在童话森林里嗅着一朵发光的外星花
一位24岁的金发女海盗ComfyUI工作流
stvmccrr风格的玫瑰花ComfyUI工作流
一个熙熙攘攘的市场场景,里面摆满了南瓜
一个闪闪发光的金属球ComfyUI工作流
在地铁站里一个迷茫的非主流姑娘
一位身穿金色铠甲的美丽女子守卫在寺庙外
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!