头像

支持手机移动端的cropper.js头像图片裁剪插件

来源:http://www.sucaihuo.com/js/3548 素材火管理员 2018-03-13 20:02浏览(1404) 收藏

一款支持电脑和手机移动端的cropper.js头像图片裁剪插件,拖动滑杆调整图片大小。
支持手机移动端的cropper.js头像图片裁剪插件
分类:图片代码 > 图片插件 难易:初级

程序员,你不是一个人;网站开发QQ群:698377651,在线充值,或联系QQ1556472052直接充值

查看演示 下载资源: 18 下载资源 下载积分: 20 积分

js代码

<script src="dist/cropper.js"></script>
	<script type="text/javascript">
		var cropper = new Cropper({
	            onInit: function (crop) {
	                console.info("Cropper is ready");
	            },
	            onChange: function (crop) {
	                console.log("onChange callback");
	            }
	        });
	        cropper.render("#crop");
	        cropper.loadImage("img/big.jpg").then(function (crop) {
	            console.info("Image is ready to crop.");
	        });

	        function showResult() {
	            document.getElementById("result").src = cropper.getCroppedImage();
	        }

	        function getData() {
	            document.getElementById("data").value = JSON.stringify(cropper.getData(), null, 2);
	        }

	        function setData() {
	            cropper.setData(JSON.parse(document.getElementById("data").value));
	        }
	</script>
标签: 裁剪裁剪头像
最新交易
评论12
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1556472052

  • 头像 11楼
    03-22 15:26
    鼠***爷
    走过路过,不知道效果怎么样,研究一下。
  • 头像 10楼
    03-18 22:14
    sa***08
    下载的JS还不错,值得分享了
  • 头像 9楼
    03-16 09:38
    Ja***es
    正好可以用到,ui做的很好!
  • 头像 8楼
    03-15 12:33
    沐***李
    这个功能很实用 拿下保存
  • 头像 7楼
    03-15 10:01
    心***扬
    非藏好,正需要呢,感谢分享……
  • 头像 6楼
    03-14 11:06
    ak***bc
    看起来好像不错,不知道支不支持旋转
  • 头像 5楼
    03-14 10:16
    An***2u
    这个很不错的效果 正需要,如果说能支持旋转的就更好了
  • 头像 4楼
    03-14 10:06
    舒***畅
    记得这个好像还支持旋转之类的功能吧。
  • 头像 3楼
    03-14 09:26
    -***麟
    谁都不服,就服这个微笑
  • 头像 板凳
    03-14 09:23
    星*****迹
    实用的图片插件呀,看着还很不错
1 2