Html toDataURL(“image/png”)返回空白数据
我试图通过调用canvas.dataURL方法将canvas转换为dataURL。它适用于某些大小为938x657的图像,但当我尝试使用相同的功能处理较大的图像时,例如3750x2625、7500x5250等,它会返回数据: 代码:Html toDataURL(“image/png”)返回空白数据,html,canvas,todataurl,Html,Canvas,Todataurl,我试图通过调用canvas.dataURL方法将canvas转换为dataURL。它适用于某些大小为938x657的图像,但当我尝试使用相同的功能处理较大的图像时,例如3750x2625、7500x5250等,它会返回数据: 代码: 有任何建议/解决方案吗?有,警报显示正确的宽度和高度。图像存储在同一个应用程序中。正如我在描述中提到的,相同的代码适用于更小的图像,例如938x657。我将7500x5250图像输入到您的代码中,当使用Chrome44、Firefox40和Edge&IE11浏览时,
有任何建议/解决方案吗?有,警报显示正确的宽度和高度。图像存储在同一个应用程序中。正如我在描述中提到的,相同的代码适用于更小的图像,例如938x657。我将7500x5250图像输入到您的代码中,当使用Chrome44、Firefox40和Edge&IE11浏览时,在我的win10机器上包括dataURL,它可以正常工作。如果你发布你的图片,我会尝试使用你的准确图片,但我可以说你的代码将正确获得我的图片的完整数据URL。您是否收到安全警告?在浏览器中打开开发工具,并在控制台选项卡中检查安全警告?
var img = new Image();
img.src = app.getThemeLocalStorage("imgPath");
img.onload = function()
{
alert("width:"+img.width+" height:"+img.height);
$("#DummyCanvas").attr("width", img.width + "px");
$("#DummyCanvas").attr("height", img.height + "px");
var dummyCAN = document.getElementById("DummyCanvas");
var ctx = dummyCAN.getContext("2d");
ctx.drawImage(img, 0, 0);
var data = dummyCAN.toDataURL("image/png");
alert(data); //Alerts data url for image size 938x657 but blanks for 3750x2625
}