cropper.js HTML5 裁剪图片 canvas 转base64

来源：互联网发布：淘宝如何发布虚拟宝贝编辑：程序博客网时间：2024/06/08 18:47

cropper.js时常有更新，为20170902下载；

在croper.js 原版的example->crop-avatar基础上修改;

自适应、截图为canvas并转成base64;

cavas:

var width = e.width;                        var height = e.height;                        var $canvas = _this.$previewCanvas;                        var canvas = $canvas[0];                        canvas.width = width;                        canvas.height = height;                        var cxt=canvas.getContext('2d');                        cxt.drawImage(                            this,                            e.x, e.y, width, height,                            0, 0, width, height                        );

base64:

var rectImage = document.createElement('img');                        rectImage.src = canvas.toDataURL('image/jpeg');                        _this.$avatarPreviewmd.html('').append(rectImage);

手机端

demo 下载：https://github.com/fanyuyin/crop-avatar-fyy

阅读全文

0 0