Canvas URL, чтобы загрузить изображение

Question

просто нужно, чтобы получить URL из холст/изображение, чтобы вставить ссылку на скачивание

<a href=IMAGE URL HERE" download="image">Save Image</a> 

У меня есть следующий код ...

<script> 
      (function(){ 

       var ctx=canvas.getContext('2d'); 
       var localMediaStream=null; 

       function sizeCanvas(){ 
        setTimeout(function(){ 
         canvas.width=video.videoWidth; 
         canvas.height=video.videoHeight; 
         img.height=video.videoHeight; 
         img.width=video.videoWidth; 
        },100);} 

       function snapshot(){ 
        ctx.drawImage(video,0,0); 
        img.src=canvas.toDataURL('image/png'); 
       } 

       btnInsert.addEventListener('click',function(e){ 

        if(navigator.getUserMedia){ 
         navigator.getUserMedia('video',function(stream){ 
          video.src=stream; 
          localMediaStream=stream; 
          sizeCanvas(); 
         }) 
        }else if(navigator.webkitGetUserMedia){ 
         navigator.webkitGetUserMedia({ 
          video:true 
         },function(stream){ 
          video.src=window.webkitURL.createObjectURL(stream); 
          localMediaStream=stream; 
          sizeCanvas(); 
         }) 
        }else{({ 
          target:video 
         });}},false); 

       btnTake.addEventListener('click',function(e){ 
        snapshot(); 
       },false); 

       video.addEventListener('click',snapshot,false); 
       btnCancel.addEventListener('click',function(e){ 
        video.src=''; 
        video.pause(); 
        localMediaStream.stop(); 
        nimg = new Image(); 
        img.src=nimg; 

       },false);})(); 




     </script> 

, что происходит в этом код ... является захват изображения с помощью веб-камеры, даи имеет кнопку сохранить, и это то, что мне нужно

Answer 1

вот решение ...

<input type="text" id="ID_TEXT"/> 
<a href="#" id="ID_LINK" download="">Save Image</a> 

, что это имя входного изображения будет

<script> 
      (function(){ 

... 

       ID_LINK.addEventListener('click',function(e){ 
        ID_LINK.href=canvas.toDataURL('image/png'); 
        ID_LINK.download=ID_TEXT.value; 
       },false); 

... 
     </script> 

Я надеюсь, что это

Answer 2

использование toDataurl, чтобы сохранить изображение. Вот пример http://goo.gl/Cf3GA