uniapp：一个多边形图片裁剪插件

插件地址

插件功能

支持多边形图片裁剪，试一试，你会发现可以把图片裁成奇奇怪怪的形状，三角形，菱形，五角星，五边形…
图片来源：目前从相册选择

平台支持：

APP	H5	微信小程序	支付宝小程序	百度小程序	字节跳动小程序	QQ小程序
√	√	√	未测	未测	未测	未测

属性

名称	类型	默认值	说明	版本
side	Number \String	5	边数，圆形使边数多即可，4为菱形，若使用正矩形（长方形，正方形）请rect=true	1.0.0
radius	Number \String	150	半径：边点至中心点距离	1.0.0
rect	Boolean	false	正矩形，为true时，side失效	1.0.0
rectW	Number \String	0	正矩形宽，没有或为0，默认取radius	1.0.0
rectH	Number \String	0	正矩形高，没有或为0，默认取radius	1.0.0
globalAlpha	Number \String	0.6	裁剪蒙层透明度	1.0.0
inner	Boolean	false	启用内多边形	1.0.0
innerTimes	Number\String	2.5	内多边形，靠内的点半径为radius的innerTimes分之一	1.0.0

slots

名称	说明

事件

名称	回调参数	说明
clipImageAfter	src	裁剪之后的图片

示例

<mosowe-clip-image:side="side":radius="radius":rect="rect":rectW="rectW":rectH="rectH":globalAlpha="globalAlpha":inner="inner":innerTimes="innerTimes"@clipImageAfter="prevImage"/><script>
export default {name: 'canvas-clip-image',components: {},data () {return {showComponent: false,side: 3,radius: 150,rect: false,rectW: 300,rectH: 300,globalAlpha: 0.6,inner: false,innerTimes: 2.5};},// 页面方法methods: {// 预览prevImage (res) {this.showComponent = false;uni.previewImage({current: 0,urls: [res]});},show () {this.showComponent = true;}}
};
</script>

uniapp：一个多边形图片裁剪插件相关推荐

jQuery 图片裁剪插件 Jcrop
Jcrop是一个jQuery图片裁剪插件,它能为你的WEB应用程序快速简单地提供图片裁剪的功能.特点如下: 对所有图片均unobtrusively(无侵入的,保持DOM简洁) 支持宽高比例锁定支持 ...
uniapp微信小程序图片裁剪插件，支持自定义尺寸、定点等比例缩放、拖动、图片翻转、剪切圆形/圆角图片、定制样式
qf-image-cropper2.0 图片裁剪插件 1.效果预览: 2.平台支持: 1.支持微信小程序(移动端.PC端.开发者工具) 2.H5平台(2.1.0版本起) 3. 支持APP平台(2.1. ...
一个简单的 jQuery 图片裁剪插件----cropper
浏览器支持 Chrome (latest 2) Firefox (latest 2) Internet Explorer 8+ Opera (latest 2) Safari (latest 2) C ...
jquery 图片裁剪 java_[Java教程]5 款最新的 jQuery 图片裁剪插件
[Java教程]5 款最新的 jQuery 图片裁剪插件 0 2015-05-18 16:00:20 这篇文章主要介绍最新的 5 款 jQuery 图片裁剪插件,可以帮助你轻松的实现你网站需要的图像裁 ...
Cropper – 简单的 jQuery 图片裁剪插件
Cropper 是一个简单的 jQuery 图像裁剪插件.它支持选项,方法,事件,触摸(移动),缩放,旋转.输出的裁剪数据基于原始图像大小,这样你就可以用它们来直接裁剪图像. 如果你尝试裁剪跨域图像, ...
几个jQuery的图片裁剪插件
[url]http://hi.baidu.com/coffeant/item/9931bd684220d237ac3e8396[/url] 项目里最近也要用到图片裁剪插件,刚巧发现了几个就记录在这里. ...
小程序图片裁剪插件image-cropper实现个人头像上传裁剪功能
小程序图片裁剪插件image-cropper实现个人头像上传裁剪功能参考文档:小程序图片裁剪插件 image-cropper 整体效果流程图一.第一步引入image-cropper,放在dist文 ...
Croppic – 免费开源的 jQuery 图片裁剪插件
Croppic 这款开源的 jQuery 图片裁剪插件能够满足网站开发人员各种不同的使用需要.只需要简单的上传图片,就可以实现你想要的图像缩放和裁剪功能.因为使用了 HTML5 FormData 对 ...
微信小程序图片裁剪插件image-cropper
image-cropper 一款高性能的微信小程序图片裁剪插件,支持旋转.设置尺寸功能亮点 1.支持旋转支持旋转支持旋转. 2.性能超高超流畅,大图毫无卡顿感. 3.可以设置导出图片尺寸. 4.自由 ...

uniapp：一个多边形图片裁剪插件

插件功能

平台支持：

属性

slots

事件

示例

uniapp：一个多边形图片裁剪插件相关推荐

最新文章

热门文章