html 图片转换成word,html代码转换成图片，解决一些生成复杂的word或excel，直接生成图片...

引入jquery-1.10.2.min

和我自己封装好的html@canvas.js  下载地址https://download..net/download/microopithecus/10741987

跟我一样的新手直接联系我私聊我 因为想跟大牛们借点币花

Document

Hello World!

Are you hear me?

save

$(function(){

$('#btnSave').click(function(event) {

html2canvas($('#content'),{

onrendered: function(canvas) {

alert("_____");

//document.body.appendChild(canvas);

convertCanvasToImage(canvas);

}

});

});

});

/**

* 在本地进行文件保存

* @param {String} data 要保存到本地的图片数据

* @param {String} filename 文件名

*/

var type = 'png';

var saveFile = function(data, filename){

var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');

save_link.href = data;

save_link.download = filename;

var event = document.createEvent('MouseEvents');

event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

save_link.dispatchEvent(event);

};

function convertCanvasToImage(canvas) {

var image = new Image();

// image.src = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");

// document.body.appendChild(image);

var imgData = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");

image.src=imgData;

document.body.appendChild(image);

// 下载后的问题名

var filename = 'baidufe_' + (new Date()).getTime() + '.' + type;

// download

saveFile(imgData,filename);

return image;

}