cropper封装的头像裁剪尺寸插件

cropper.js封装的图片裁剪插件。支持移动图像，裁剪图片，放大缩小图片，上下左右移动，图片翻转等重置设置功能。这是一款基于jQuery的头像尺寸设置裁剪组件。

[声明] 墨鱼部落格所有资源为用户免费分享产生，若发现您的权利被侵害，请点击后方链接查看并联系我们，我们尽快处理。免责声明|侵权处理流程

使用方法：

1、head引入css文件

<link rel="stylesheet" href="css/cropper.css" rel="stylesheet" />

2、head引入js文件

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/cropper.js"></script>

3、body引入部分

<button id="guyuan" style="margin:50px;">裁剪图片</button>

<script type="text/javascript"> 
var img = 'img/tp.png'
$('#guyuan').click(function () {
	Model_Cropper({
		imgUrl: img, // 图片地址 / 或者 base64   注：图片地址(需要在服务器环境下  base64不需要)    
		proportion: [100, 100], // 宽/高  裁剪and压缩比例  单位px  图片等比例压缩至 200px/200px
		confirm: function (result) {   // 裁剪成功后  返回的 事件  
			// 调用 result.close() 关闭弹框   
			// result.data  为对象  base64 = 处理后base64码  blob = 图片对象 
			console.log(result)
			console.log('blob对象=======',result.data.blob)
			console.log('base64=======',result.data.base64)
			alert('打开控制台查看 裁剪压缩返回数据')
		},
	})
}) 
// 
$(function(){
	$('#guyuan').click()
})
</script>

文件目录

本资源来自：帝国CMS模板代码 » 其它特效 » cropper封装的头像裁剪尺寸插件

注：此资源非帝国CMS模板/特效/源码，需要帝国CMS整站模板源码的小伙伴，请移步 帝国CMS模板，感谢支持！