rush:js;">
$("#dw").hide();
//
关闭图片
function clo
SEOk(){
$("#dw").hide();
}
//点击截图
function doScreenShot(){
$("#dw").show();
html2canvas($("#main"),{
onrendered: function(canvas) {
canvas.id = "mycanvas";
var mainwh=$("#main").width();
var mainhg=$("#main").height();
var img = convertCanvasToImage(canvas);
console.log(img);
//document.body.appendChild(img);
$("#dw").append(img) //
添加到展示
图片div区域
img.onload = function() {
img.onload = null;
canvas = conver
timageToCanvas(img,1024,600); //设置
图片大小和位置
img.src = convertCanvasToImage(canvas).src;
$(img).css({
background:"#fff"
});
//
调用下载
方法
if(
browserIsIe()){ //假如是ie浏览器
DownLoadReportIMG(img.src);
}else{
download(img.src)
}
}
}
});
}
//绘制
显示图片
function convertCanvasToImage(canvas) {
var image = new Image();
image.src = canvas.toDataURL("image/png"); //获得
图片地址
return image;
}
//
生成canvas元素,相当于做了
一个装相片的框架
function conver
timageToCanvas(image,startX,startY,width,height) {
var canvas = document.createElement("canvas");
canvas.width = width;
canvas.height = height;
canvas.getContext("2d").drawImage(image,height,20,960,600); //
在这调整
图片中
内容的
显示(大小,放大缩小,位置等)
return canvas;
}
function DownLoadReportIMG(imgPathURL) {
//如果隐藏IFRAME不存在,则
添加
if (!document.getElementById("IframeReportImg"))
$('
').appendTo("body");
if (document.all.IframeReportImg.src != imgPathURL) {
//加载
图片
document.all.IframeReportImg.src = imgPathURL;
}
else {
//
图片直接另存为
DoSaveAsIMG();
}
}
function DoSaveAsIMG() {
if (document.all.IframeReportImg.src != "about:blank")
window.frames["IframeReportImg"].document.execCommand("SaveAs");
}
// 另存为
图片
function download(src) {
var $a = $("
").attr("href",src).attr("download","img.png");
$a[0].click();
}
//判断是否为ie浏览器
function
browserIsIe() {
if (!!window.ActiveXObject || "ActiveXObject" in window)
return true;
else
return false;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。