그림을 그리지 않고 그림을 그려서 저장하십시오.

Question

모자는 다른 그림 위에 png로 그림을 그립니다. 이미 성공적으로 캔버스로 끝냈습니다. 그런 다음 새로운 png 파일로 저장할 수 있습니다. .

  var drawImage = function(canvas, base, overlay){ 
       var context = canvas.getContext('2d'); 
       context.clearRect(0, 0, canvas.width, canvas.height); 
       var baseImage = new Image(); 
       var overlayImage = new Image(); 
       var readyFlag = 0; 
       var drawFunc = function() { 
        context.drawImage(baseImage, 0, 0, canvas.width, canvas.height); 
        context.drawImage(overlayImage, 0, 0); 
       } 
       baseImage.onload = function() { 
        readyFlag += 1; 
        if (readyFlag < 2) { 
         return; 
        } 
        drawFunc(); 
       } 
       overlayImage.onload = function() { 
        readyFlag += 1; 
        if (readyFlag < 2) { 
         return; 
        } 
        drawFunc(); 
       } 
       baseImage.src = base; 
       overlayImage.src = overlay; 
      } 

나는 경로에 사진을 저장하려면,하지만 난이 달성하거나 이런 짓을 할 수있는 플러그인이 방법을 표시하지 않습니다.

Answer 1

나는 이미 그것을 직접 풀어 봤는데, 캔버스 하나 하나를 매우 빨리 그리면 캔버스가 변경된 것을 알지 못한다는 것을 알았습니다. 따라서 이미지는 표시되지 않고 저장되지만 실제로는 매우 짧게 표시되었습니다. 일정 기간.