如何打開帶有數據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]問題