Javascriptの機能は、任意の値

Question

を返さない、私は私のために二度目の関数の戻り値では、この

ReferenceError: getCanvas is not defined.

のような例外が発生しました。

1. 私はすべての呼び出しで関数の戻り値が必要です。

が、これは準備ができている場合にのみ、あなたはhtml2canvasを呼び出すときに、あなたのキャンバスはすぐに準備ができていない、あなたはそれを使用しようと、getCanvasを使用する必要があります

var getCanvas; // global variable  

function dimage() { 
    //get canvas image 
    var element = $("#pnldevice"); 
    html2canvas(element, { 
     onrendered: function (canvas) { 
      $("#previewImage").append(canvas); 
      getCanvas = canvas; 
      alert(getCanvas); 
     } 
    }); 
    var imgageData = getCanvas.toDataURL("image/png"); 
    // Now browser starts downloading it instead of just showing it 
    var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream"); 
    $("#btn-Convert-Html2Image").attr("download", "your_pic_name.png").attr("href", newData); 
}; 

Answer 1

..事前にありがとうございます。
すべてのコードは、初期化するonrendered関数内にある必要があります。別の関数を呼び出すと、html2canvasからコードを解離できます。

私はhtml2canvasを知らないので、私は大部分のライブラリの動作を世界的に知っています。

注：変数にはgetCanvasという名前を付けるべきではありません。関数（アクション）のためにgetを保ちますが、それはオブジェクトのようです。

var myCanvas; // global variable  

function dimage() { 
    //get canvas image 
    var element = $("#pnldevice"); 
    html2canvas(element, { 
     onrendered: function (canvas) { 
      $("#previewImage").append(canvas); 
      myCanvas= canvas; 
      console.log("myCanvas", myCanvas);// F12 to see console and see your logs 
      //alert(myCanvas);// We prefer to use console :-P 
      // Maybe you should pass canvas as parameter 
      onCanvasReady(); 
     } 
    }); 
} 

function onCanvasReady() { 
    var imgageData = myCanvas.toDataURL("image/png"); 
    // Now browser starts downloading it instead of just showing it 
    var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream"); 
    $("#btn-Convert-Html2Image").attr("download", "your_pic_name.png").attr("href", newData); 
} 

すべてのJSキャンバスの世界は非常に複雑で、初心者の方は基本が不足している可能性があります。

download属性は無効で、カスタムデータを使用するにはdata => .data（ "download"、 "your_pic_name.png"）および.data（ "download"）を使用してください。