javaScript 截屏 保存base64编码图片

js截屏需要html2canvasv.js

http://download.csdn.net/download/zy841958835/10185219

把对应的dom元素转换成图片

shotScreen = function (){
    var str = $('#screenshot');
    html2canvas([str.get(0)], {
        onrendered: function (canvas) {
            $('#echartsWhole').attr( 'href' , canvas.toDataURL());
            $('#echartsWhole').attr( 'download' , 'myjobdeer.png');
            $('#echartsWhole').css('display','inline-block');
        }
    });
};

调用html2canvas方法传入一个dom元素canvas.toDataURL()获得当前dom元素转化成的base64编码然后使用html的a标签的download属性把当前图片下载到本地。
a标签的这个功能也可直接下载base64的图片，比如从服务端传过来的图片是base64编码的直接填入a标签的href属性然后downlaod属性填入保存图片的名字即可。