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

来源:https://www.sucaihuo.com/js/3548.html 2018-03-13 20:02浏览(4107) 收藏

一款支持电脑和手机移动端的cropper.js头像图片裁剪插件,拖动滑杆调整图片大小。
支持手机移动端的cropper.js头像图片裁剪插件
分类:图片代码 > 图片插件 难易:初级
查看演示 下载资源 下载积分: 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>
标签: 裁剪裁剪头像
评论0
头像

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

1 2