uni保存canvas图片_uni使用canvas将图片转换为base64格式

原生的写法

Title

var canvas = document.getElementById('canvas');

var context = canvas.getContext('2d');//返回一个用于在画布上绘图的环境，当前唯一的合法值是 "2d"，它指定了二维绘图，返回一个 CanvasRenderingContext2D 对象，使用它可以绘制到 Canvas 元素中

var url = 'https://www.xxx.com/xxx.png';//图片URL

var urlNumber = 1;//要渲染的图片数

var w = 750;//canvas的宽

var h = 200;//canvas的高

var img = new Image();

img.crossOrigin = 'Anonymous';//解决Canvas.toDataURL 图片跨域问题

img.src = url;

//渲染方法

var imgs = function () {

context.drawImage(img, 0, 0, w, h);

/* context.fillStyle="#0000ff";

context.fillRect(0, 0, w, h); */

//导出

var base64Img = canvas.toDataURL('image/jpg');

console.log(base64Img);

}

img.onload = function () {