Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/EmptyTag/149.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
Javascript 最新版本的HTML2CANVAS在Chrome和Firefox中不起作用_Javascript_Html2canvas - Fatal编程技术网

Javascript 最新版本的HTML2CANVAS在Chrome和Firefox中不起作用

Javascript 最新版本的HTML2CANVAS在Chrome和Firefox中不起作用,javascript,html2canvas,Javascript,Html2canvas,我已经将html2canvas从0.4更新到1.0.0,并使用下面的函数截图 函数和html2canvas不起作用,我得到了下面的错误 我如何解决它 icefaces compat.js.jsf?ln=ice.compat&v=3_3_0_130416:1 2ms html2canvas: onrendered选项已弃用,html2canvas将返回带有 将画布作为值 我不熟悉该库,但错误表明此版本使用了,而不是使用onrendered回调选项。因此,它(可能)的用法如下: html2canva

我已经将html2canvas从0.4更新到1.0.0,并使用下面的函数截图

函数和html2canvas不起作用,我得到了下面的错误

我如何解决它

icefaces compat.js.jsf?ln=ice.compat&v=3_3_0_130416:1 2ms html2canvas: onrendered选项已弃用,html2canvas将返回带有 将画布作为值


我不熟悉该库,但错误表明此版本使用了,而不是使用
onrendered
回调选项。因此,它(可能)的用法如下:

html2canvas(target, {
  useCORS: true
})
  .then(function (canvas) {
    canvas.UniversalToBlob(function (blob) {
      saveAs(blob, "aScreenshot.png");
    }, "image/png", 1);
  })
  .catch(function (err) { console.log(err); });

我不熟悉该库,但错误表明此版本使用了,而不是使用
onrendered
回调选项。因此,它(可能)的用法如下:

html2canvas(target, {
  useCORS: true
})
  .then(function (canvas) {
    canvas.UniversalToBlob(function (blob) {
      saveAs(blob, "aScreenshot.png");
    }, "image/png", 1);
  })
  .catch(function (err) { console.log(err); });

正如警告所示…
html2canvas()
现在返回一个承诺。例如
html2canvas(…)。然后(canvas=>…)
猜测用户不再搜索错误消息,正如警告所示…
html2canvas()
现在返回一个承诺。例如
html2canvas(…)。然后(canvas=>…)
猜测用户不再搜索错误消息我认为您的建议是一个很好的解决方案,但我无法加载图片进行屏幕截图。事件{isTrusted:true,类型:“error”,目标:img,currentTarget:null,eventPhase:0,…}气泡:false cancelBubble:false cancelable:false Composited:false currentTarget:null defaultPrevented:false eventPhase:0 isTrusted:true path:(6)[img,form#mainForm.iceFrm,body#u t4,html,文档,未定义]returnValue:true srcElement:img目标:img时间戳:52486.2000004303类型:“错误”原型:Event@Yamur不幸的是,我对图书馆知之甚少。如果你在问题中发布整个事件(包括最后的事件原型并展开省略号),它可能会提供一些上下文,我会尽力提供帮助,但没有保证。通过catch得到的错误是Chrome错误是:TypeError:canvas.UniversalToBlob不是一个函数,在我更改为之后。toBlob开始正常工作,但是问题是图片不太好。你认为CSS的问题是什么,没有显示正确的设计?我认为你的建议是一个很好的解决方案,但我不能加载图片进行截图。事件{isTrusted:true,类型:“error”,目标:img,currentTarget:null,eventPhase:0,…}气泡:false cancelBubble:false cancelable:false Composited:false currentTarget:null defaultPrevented:false eventPhase:0 isTrusted:true path:(6)[img,form#mainForm.iceFrm,body#u t4,html,文档,未定义]returnValue:true srcElement:img目标:img时间戳:52486.2000004303类型:“错误”原型:Event@Yamur不幸的是,我对图书馆知之甚少。如果你在问题中发布整个事件(包括最后的事件原型并展开省略号),它可能会提供一些上下文,我会尽力提供帮助,但没有保证。通过catch得到的错误是Chrome错误是:TypeError:canvas.UniversalToBlob不是一个函数,在我更改为之后。toBlob开始正常工作,但是问题是图片不太好。你认为CSS的问题是什么,没有显示正确的设计?