캔버스를 노드 웹킷의 디스크에 저장하십시오.

Question

내 응용 프로그램에 디스크에서 일부 이미지를로드하는 캔버스가 있습니다. 이제는 캔버스를 수정 한 후 디스크에 캔버스를 저장하는 방법이 필요합니다. 내 작업 중 하나가 Node-Webkit 플랫폼에 있으므로 데스크톱 응용 프로그램이므로 서버에 canvas.dataToUrl을 보낼 수 없습니다. 나는 또한 이미지 파일로 디스크에 현재 캔버스를 저장하는 방법을 사용하거나이 function.so 내 캔버스를 전달하는 방법을 모르는 것이

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

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

을 저장하기위한 몇 가지 기능을 가지고 있지만 camanjs 같은 몇 가지 라이브러리를 알고 node-webkit

Answer 1

에서 png 또는 jpg을 같은 마지막으로 나는 내 문제를 해결하고 당신 FileSaver

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

Answer 2

와 HTML 페이지,하지 Node.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); 
}) 

필요한 다른 패키지 측면은 html2canvas.js 다음

을 포함한다.