一个基于cropper.js,支持Vue 3.0的图片裁切工具组件(目前仅支持Vue 3.x)。Installnpm install --save-dev vue-picture-cropperImport在vue组件里引入,然后在组件里使用模板: import { defineComponent } from 'vue' import VuePictureCropper from 'vue-picture-cropper' export default defineComponent({ components...
在线DEMO :round - vue-picture-cropper-demo DEMO 源码:round.vue - vue-picture-cropper-demo 使用方法: 将presetMode的mode指定为fixedSize 将presetMode的width和height指定为想要的尺寸,两个值需要一样 将options的dragMode设置为move可以防止裁剪框被取消 ...
Skip to content vue-picture-cropper English 简体中文 A simple and easy-to-use picture cropping component for Vue 3. Get Started
A simple and easy-to-use picture cropping component for Vue 3. 一个简单易用的Vue 3图片裁剪组件。 - chengpeiquan/vue-picture-cropper
vue-picture-cropper English|简体中文 A simple and easy-to-use picture cropping component for Vue 3. Installation Install the package from npm (or yarn, or pnpm). npm install vue-picture-cropper Documentation See:https://cropper.chengpeiquan.com...
A simple and easy-to-use picture cropping component for Vue 3. 一个简单易用的Vue 3图片裁剪组件。 - vue-picture-cropper/pnpm-lock.yaml at main · chengpeiquan/vue-picture-cropper
0 comments on commit fdc77df Please sign in to comment. Footer © 2024 GitHub, Inc. Footer navigation Terms Privacy Security Status
在线例子vue-cropper + vue.2x 在线例子vue-cropper@next + vue.3x 服务器渲染nuxt解决方案 设置为ssr: false module.exports={...build:{vendor:['vue-cropper ...plugins:[{src:'~/plugins/vue-cropper',ssr:false}]}} 2. 引入 Vue Cropper ...
<vueCropper ref="cropper" :img="option.img" :outputSize="option.size" :outputType="option.outputType" ></vueCropper> 名称 功能 默认值 可选值 img 裁剪图片的地址 空 url 地址 || base64 || blob outputSize 裁剪生成图片的质量 1 0.1 - 1 outputType 裁剪生成图片的格式 jpg (jpg 需要传入jpeg...
'vue-picture-cropper, vue picture cropper, vue3 cropper, vue image cropper', }, ], ] 16 changes: 16 additions & 0 deletions 16 .vitepress/nav.ts Original file line numberDiff line numberDiff line change @@ -0,0 +1,16 @@ import type { DefaultTheme } from 'vitepress' export const...