Continuing the discussion from Vuex 插件自动缓存store指定数据（配置最简，性能最佳）:

============================分割线=:joy:=============================

vue-cropblg

介绍一个图片裁剪插件：

github链接

演示链接（戳我直达）

Installation

$ npm install vue-cropblg
$ yarn add vue-cropblg
复制代码

Usage

<template><crop/>...
</template>组件内引入
import { crop } from "vue-cropblg";...
components: {crop
},全局引入
import crop from "vue-cropblg";
Vue.use(crop)
复制代码

API

Attributes

参数	说明	类型	可选值	默认值
v-model	组件	Object	--	--
shape	截图形状	String	rect/arc	rect
position	水印位置大小角度[x,y,size,angle]	Array	--	['90%', '90%',1,0]
textWatermark	文字水印]	String	--	--
imageWatermark	图片水印	File / String	--	--
defaultImgUrl	默认图片	File / String	--	--
angle	控制按钮旋转角度	Number	--	反差最大颜色
color	水印.编辑框.控制按钮颜色	String	16进制颜色	反差最大颜色

Methods

方法名	说明	参数
changeImage	改变处理图片,如果没有传imgAddress,会打开本地	Function(imgAddress: String)
getImage	获取处理后图片,返回Promise,可以选择返回 base64和bolb,quality为文件压缩比(大小)	Function(type:Base64 / Bolb, mimeType:image/jpeg / image/png, quality:Number)

Slot

name	说明
placeholder	没有图片时占位图
defaultImgUrl	默认处理图片

图片在这!：

简单的移动端图片裁剪vue插件[旋转，平移，缩放，印花]相关推荐

【Vue】移动端图片裁剪组件--vue-imgcut
移动端图片裁剪组件–vue-imgcut 安装 npm install vue-imgcut --save GitHub地址使用说明 template模板中 callback :回调函数 img 是 ...
移动端图片预览插件-fly-zomm-img.min.js
移动端图片预览插件,一个JQ的插件,支持手势放大缩小:有点小bug,不过感觉是可以接受的: 插件的地址:http://www.jq22.com/jquery-info15466 那里有具体的说明,但是 ...
ipad html 自定义裁剪图片大小,移动端图片裁剪上传插件 Mavatar.js(原创)
插件描述:移动端头像上传,支撑头像预览和放大缩小平移,内置上传至后端请求方法. 注:请在移动端用手势查看缩放效果,PC端无法缩放 Mavatar 移动端头像上传,支撑头像预览和放大缩小平移,内置上传至 ...
vue uni-app 裁剪图片(裁剪头像)插件vue-image-cropper
一.项目预览. 效果: 一个手指拖动,可以移动图片,两个手指拖动可以缩放. 下载该项目: git clone https://github.com/Q956164483/vue-image-cropp ...
vue使用cropperjs实现移动端图片裁剪上传组件
本组件基于vuejs框架, 使用ES6基本语法, css预编译采用的scss, 图片裁剪模块基于cropperjs,拍照时的图片信息获取使用exif, 图片上传使用XMLHttpRequest 该组件 ...
vue 移动端头像裁剪_基于vue的移动端图片裁剪压缩处理
前端时间做Vue项目的时候,要用到图片压缩处理,网上查阅了资料后,发现并不能满足实际的业务需求:于是,自己结合网上的资料写了一个,有兴趣的小伙伴不妨试试~ 废话不多说,先上效果图,无图无真相嘛~ 效果 ...
html5 手机端剪裁,用Canvas实现h5移动端图片裁剪
前阵子七夕的时候搞了一个h5活动页,需要做一个本地图片的裁剪上传功能,用于生成一些特定的表白图片.主要是用到了H5的FileApi 和 Canvas.个人感觉图片裁剪功能还是很实用的,故写篇文章分享一 ...
微信小程序图片裁剪image-cropper插件使用
首先非常感觉大佬的图片裁剪插件 image-cropper,下面就是大佬的地址文章地址https://developers.weixin.qq.com/community/develop/artic ...
Js 之移动端图片上传插件mbUploadify
一.下载 https://pan.baidu.com/s/1NEL4tkHoK4ydqdMi_hgWcw 提取码:vx7e 二.Demo示例 <div class="weui_uplo ...

简单的移动端图片裁剪vue插件[旋转，平移，缩放，印花]

Continuing the discussion from Vuex 插件自动缓存store指定数据（配置最简，性能最佳）:

vue-cropblg

介绍一个图片裁剪插件：

github链接

演示链接（戳我直达）

Installation

Usage

API

Attributes

Methods

Slot

图片在这!：

简单的移动端图片裁剪vue插件[旋转，平移，缩放，印花]相关推荐

最新文章

热门文章

简单的移动端图片裁剪vue插件[旋转，平移，缩放，印花]

Continuing the discussion from Vuex 插件 自动缓存store指定数据（配置最简，性能最佳）:

vue-cropblg

介绍一个图片裁剪插件：

github链接

演示链接（戳我直达）

Installation

Usage

API

Attributes

Methods

Slot

图片在这!：

简单的移动端图片裁剪vue插件[旋转，平移，缩放，印花]相关推荐

最新文章

热门文章

Continuing the discussion from Vuex 插件自动缓存store指定数据（配置最简，性能最佳）: