canvas压缩图片转base64

最新推荐文章于 2024-03-15 09:45:28 发布

HLY丶hly

最新推荐文章于 2024-03-15 09:45:28 发布

阅读量715

点赞数

分类专栏： canvs base64 图片压缩文章标签： canvas压缩图片转base64

本文链接：https://blog.csdn.net/qq_35431814/article/details/95050437

版权

本文介绍了如何利用HTML5的canvas元素对图片进行压缩，并将压缩后的图片转换成base64字符串。内容包括canvas的基本操作以及压缩算法的实现细节。

摘要由CSDN通过智能技术生成

canvas压缩图片转base64

//压缩图片
function ComporessImg() {
   
}
ComporessImg.prototype = {
   
    //base64Url  图片base64   size大小
    yasuo: function (base64Url,callBack) {
   //callBack 回调函数
        var img = new Image();//创建一个image对象
        img.src = "data:image/jpeg;base64," + base64Url //并设置路径 这里写你要压缩的图片路径
        var data = ''
        img.onload = function () {
    //图片加载完成
            var canvas = document.createElement('canvas')//创建一个canvas
            var context = canvas