Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html toDataURL(“image/png”)返回空白数据_Html_Canvas_Todataurl - Fatal编程技术网

Html toDataURL(“image/png”)返回空白数据

Html toDataURL(“image/png”)返回空白数据,html,canvas,todataurl,Html,Canvas,Todataurl,我试图通过调用canvas.dataURL方法将canvas转换为dataURL。它适用于某些大小为938x657的图像,但当我尝试使用相同的功能处理较大的图像时,例如3750x2625、7500x5250等,它会返回数据: 代码: 有任何建议/解决方案吗?有,警报显示正确的宽度和高度。图像存储在同一个应用程序中。正如我在描述中提到的,相同的代码适用于更小的图像,例如938x657。我将7500x5250图像输入到您的代码中,当使用Chrome44、Firefox40和Edge&IE11浏览时,

我试图通过调用canvas.dataURL方法将canvas转换为dataURL。它适用于某些大小为938x657的图像,但当我尝试使用相同的功能处理较大的图像时,例如3750x2625、7500x5250等,它会返回数据:

代码:


有任何建议/解决方案吗?

有,警报显示正确的宽度和高度。图像存储在同一个应用程序中。正如我在描述中提到的,相同的代码适用于更小的图像,例如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
}