java todataurl_html2canvas 转化的 canvas 不能调用toDataURL 方法?

本文介绍了在使用java和html2canvas将DOM转换为canvas后,遇到canvas对象无法调用toDataURL方法的问题。通过分析代码,展示了如何处理这个问题,包括在canvas上添加事件监听器和尝试保存canvas为JPEG格式的过程。
摘要由CSDN通过智能技术生成

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

//将dom树转换为canvas

function print_body() {

var test = $('div.helloworld');

html2canvas(test, {

onrendered : function(canvas) {

document.body.appendChild(canvas);

}

});

alert(test)

//然后调用下载的方法

download_canvas(test);

}

//将canvas画板导出

function download_canvas(oCanvas) {

var bMouseIsDown = false;

//var oCanvas = document.getElementById("thecanvas");

oCanvas.onmousedown = function(e) {

bMouseIsDown = true;

iLastX = e.clientX

- oCanvas.offsetLeft

+ (window.pageXOffset || document.body.scrollLeft || document.documentElement.scrollLeft);

iLastY = e.clientY

- oCanvas.offsetTop

+ (window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop);

}

oCanvas.onmouseup = function() {

bMouseIsDown = false;

iLastX = -1;

iLastY = -1;

}

oCanvas.onmousemove = function(e) {

if (bMouseIsDown) {

var iX = e.clientX

- oCanvas.offsetLeft

+ (window.pageXOffset || document.body.scrollLeft || document.documentElement.scrollLeft);

var iY = e.clientY

- oCanvas.offsetTop

+ (window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop);

iLastX = iX;

iLastY = iY;

}

}

function showDownloadText() {

document.getElementById("buttoncontainer").style.display = "none";

document.getElementById("textdownload").style.display = "block";

}

function hideDownloadText() {

document.getElementById("buttoncontainer").style.display = "block";

document.getElementById("textdownload").style.display = "none";

}

function convertCanvas(strType) {

if (strType == "JPEG") {

var oImg = Canvas2Image.saveAsJPEG(oCanvas, true);

}

if (!oImg) {

alert("Sorry, this browser is not capable of saving " + strType

+ " files!");

return false;

}

oImg.id = "canvasimage";

oImg.style.border = oCanvas.style.border;

oCanvas.parentNode.replaceChild(oImg, oCanvas);

showDownloadText();

}

saveCanvas(oCanvas, "JPEG");//在这里报错 说 无法找到 toDataURL 方法

function saveCanvas(pCanvas, strType) {

var bRes = false;

if (strType == "JPEG") {

bRes = Canvas2Image.saveAsJPEG(oCanvas);

}

if (!bRes) {

alert("Sorry, this browser is not capable of saving " + strType

+ " files!");

return false;

}

}

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值