博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js canvas获取图片base64 dataUrl
阅读量:6348 次
发布时间:2019-06-22

本文共 730 字,大约阅读时间需要 2 分钟。

function getImgBase64(path, callback) {    var img = new Image();    img.src = path;    //图片加载完成后触发    img.onload = function () {        var canvas = document.createElement("canvas");        //获取绘画上下文        ctx = canvas.getContext("2d");        // 获取图片宽高        var imgWidth = img.width;        var imgHeight = img.height;        //设置画布宽高与图片宽高相同        canvas.width = imgWidth;        canvas.height = imgHeight;        //绘制图片        ctx.drawImage(img, 0, 0, imgWidth, imgHeight);        //图片展示的 data URI        var dataUrl = canvas.toDataURL('image/jpeg');        callback ? callback(dataUrl) : '';    };}getImgBase64('wood.png', function (dataUrl) {    console.log(dataUrl);});

 

转载于:https://www.cnblogs.com/lzs-888/p/7427420.html

你可能感兴趣的文章
||和 && 符号的赋值运用(转)
查看>>
post提交返回json格式
查看>>
Java.lang 包中的Void类型
查看>>
正确理解linux grep 的姿势
查看>>
C语言程序设计第十次作业
查看>>
Android防止内存溢出浅析
查看>>
jquery 获取$("#id").text()里面的值 需要进行去空格去换行符操作
查看>>
多个Class作用于同一个元素的结果分析
查看>>
深入理解Lustre文件系统-第10篇 LNET:Lustre网络
查看>>
20155224聂小益的Linux学习
查看>>
JSch远程执行脚本
查看>>
解析XML
查看>>
脚本异步时切记声明数据格式
查看>>
Jace 上新建 Station 配置 笔记
查看>>
UpdatePanel 内控件 更新“外的”控件【转】
查看>>
解决Button在IE6、7下的自适应宽度问题
查看>>
使用@media实现IE hack的方法
查看>>
安装软件 请确认有足够的权限访问该注册表项
查看>>
单链表逆置
查看>>
创建 数组规定每组个数
查看>>