Js实现Canvas画布下载

HTML部分

<canvas id="deviceId"></canvas>

js部分

$("#deviceId").on("click", function() {

//将Jquery对象转化为JavaScript对象

var canvas = $(this).get(0);

//将画布转化为base64格式

var url = canvas.toDataURL('image/png');

//JavaScript初始化下载方法

var a = document.createElement('a');

document.body.appendChild(a);

a.href = url;

a.download = '画布520.png';

//执行下载

a.click();

});