2012-11-15 54 views
1

嘗試使用javascript創建HTML頁面的圖像(屏幕截圖)。能夠生成html blob並使用以下代碼在新標籤中顯示與只讀HTML頁面相同的內容。如何將html blob轉換爲使用javascript的圖像?

var scr = document.documentElement.cloneNode(true); 
var blob = new Blob([scr.outerHTML], {type: 'text/html'}); 
window.open(window.URL.createObjectURL(blob)); 

請任何人都可以告訴我如何將圖像保存爲圖像。

+0

你google一下? – dbrin

+1

是不能得到任何東西 – Krish

+0

這裏是我發現:http://html2canvas.hertzen.com/ http://www.nihilogic.dk/labs/canvas2image/ http://grabz.it/ http:/ /stackoverflow.com/a/9269601/834424 – dbrin

回答

0

看看FileSaver.js,

var bb = new BlobBuilder(); 
bb.append((new XMLSerializer).serializeToString(document)); 
var blob = bb.getBlob("application/xhtml+xml;charset=" + document.characterSet); 
saveAs(blob, "document.xhtml"); 

Some Documentation

API