使用canvas把png图片转base64编码

Qiang2022

已于 2024-05-24 09:19:56 修改

阅读量320

点赞数 2

分类专栏： js 文章标签：前端 javascript 开发语言

于 2024-05-20 10:13:35 首次发布

本文链接：https://blog.csdn.net/CSDN18202250010/article/details/139058061

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

使用canvas把png图片转base64编码

function transform(image, cb) {
  const canvas = document.createElement('canvas');//创建画布
  canvas.width = image.width;//设置宽度
  canvas.height = image.height;//设置高度
  const context = canvas.getContext('2d');
  context.drawImage(image, 0, 0, image.width, image.height);//绘制
  const dataURL = canvas.toDataURL('image/jpeg', 1);//转换为URL
  cb(dataURL);
}
 
const image = document.getElementById('img');
transform(image, (base64Data) => {
  console.log(base64Data);//在回调函数中输出base64编码
});