2014-12-24 74 views
1

在我的應用我有一個從磁盤加載某些圖像畫布。現在修改後的畫布,我需要一種方法來保存畫布中disk.all我的工作是在節點的Webkit平臺,所以它是一個桌面應用程序,我不能發送canvas.dataToUrl服務器。我也知道像camanjs一些庫有一些功能節省保存畫布中節點的WebKit盤

var Caman = require('caman').Caman; 

Caman("/path/to/file.png", function() { 
this.brightness(5); 
this.render(function() { 
this.save("/path/to/output.png"); 
}); 
}); 

,但我怎麼不知道如何使用它,或者我的畫布傳遞給該function.so如何當前畫布到磁盤保存爲圖像文件像node-webkit

回答

4

pngjpg最後,我可以解決我的問題,並與FileSaver

canvas.toBlob(function(blob) { 
      saveAs(blob, "image.jpg"); 
     }); 
-1

您保存在不同的圖像格式的磁盤帆布html頁面,沒有的node.js側,包括html2canvas.js

然後:

html2canvas($('div#main')).then(function(canvas) { 
    var dataurl = canvas.toDataURL(); 
    dataurl = dataurl.replace(/^data:image\/(png|jpg|jpeg);base64,/, ""); 
    require("fs").writeFile("C:\\out.png", dataurl, 'base64', function(err) { 
    console.log(err); 
    }); 
}).catch(function(e) { 
    console.log(e); 
}) 

不需要其他包。