如何打开带有数据URL图像的新页面？

Question

我正在使用literallyCanvas ，这是导出按钮，它将打开一个新页面，其中包含编辑图像的数据URL。 但是我需要将其打开新页面的方式从图像更改为带有var的页面。

这是源代码中的原始代码，它将用图像打开一个新页面：

    $("#open-image").click(function() {
      window.open(lc.getImage({
         rect: {x: 0, y: 0, width: 1200, height: 800},
        scale: 1
      }).toDataURL());
    });

因此，我尝试更改其中带有页面名称的结构，并且得到：

     $("#open-image").click(function() {
      window.open('preview.php?img='+lc.getImage({rect: {x: 0, y: 0, width: 1200, height: 800},scale: 1})).toDataURL();
    });

但这会使我的浏览器冻结。 除了强制关闭并再次打开外，我什么也不能做。 我真的希望此按钮＃open-image打开一个新页面，如preview.php?img=apaosidfjskf(123asdfpoa$sldkjfwepfaoASfweas 。但是它给了我相反的preview.php?img=[object HTMLCanvasElement]

如果我做错了任何事情，请给我建议，或者启发我解决方案。

Answer 1

看起来你有错字

错字代码已更正

$("#open-image").click(function() {
  window.open('preview.php?img=' + lc.getImage({
    rect: { x: 0, y: 0, width: 1200, height: 800 },
    scale: 1
  }).toDataURL()); // This line has been corrected
});

那应该可以解决preview.php?img=[object HTMLCanvasElement]问题