如何捕獲畫布的screentshot

Question

我有一個畫布和花的多個圖像。實際上，我正在做一個花瓶插入花瓶的安排，並且在安排之後，我想捕獲花朵和花瓶作爲圖像進入系統的安排。其實我想剪輯和保存花卉和花瓶的佈置可視化的畫布部分

Answer 1

你將不得不使用html2canvas來做到這一點。 以下功能觸發按鈕的點擊將採取截圖/捕捉分工的內容作爲一個圖像，將會顯示一個彈出保存它

JAVASCRIPT

$(function() { 
    $("#btnSave").click(function() { 

     html2canvas($("#capture"), { 
      onrendered: function (canvas) { 
       theCanvas = canvas; 
       document.body.appendChild(canvas);//to verify if image is being captured or not 
       canvas.toBlob(function (blob) { 
        saveAs(blob, "screenshot.png"); 
       }); 
      } 
     }); 
    }); 
}); 

HTML

<div id="capture" > 
    <img src="images.jpg" /> 
    </div> 
<br/> 
<input type="button" id="btnSave" value="Save"/>