畫布 - 將畫布另存爲PNG並且不顯示畫布

我用我的畫布完成了此圖像，因爲我必須修改它併合並兩個圖像。不過，我不想在我的html頁面上顯示它，但使用我的javascript中保存的第二個畫布的url。畫布 - 將畫布另存爲PNG並且不顯示畫布

我該怎麼做？

這裏是我的小提琴：http://jsfiddle.net/acbo6m6o/7/

var ctx = document.getElementById('canvas').getContext("2d"); 
var ctx2 = document.getElementById('canvas2').getContext("2d"); 
var img = new Image(); 
img.src = "https://scontent-mad1-1.xx.fbcdn.net/v/t1.0-9/10400072_76198580294_2746326_n.jpg?oh=b8cc93c35d6badfffb65ab5c9cbfce28&oe=5941AAB6"; 
var img2 = new Image(); 
img2.src = "https://icc-static-files.s3.amazonaws.com/ICC/photo/2017/01/31/f3a228a9-30ca-453e-99c5-ee6150c714a5/Facebook_Logo.png"; 
img.addEventListener('load', function(e) { 
    ctx.arc(150, 150, 150, 0, Math.PI * 2, true); 
    ctx.save(); 
    ctx.clip(); 
    ctx.drawImage(this, 0, 0, 300, 300); 
    ctx.restore(); 
    ctx2.drawImage(ctx.canvas, 35, 60, 230, 230); 
    ctx2.drawImage(img2, 200, 60, 75, 75); 
}, true); 

var dataURL = canvas2.toDataURL();

來源

2017-02-26 DionysoSong

var dataURL = canvas2.toDataURL("image/png").replace("image/png", "image/octet-stream"); 

window.location.href=dataURL; //it save local

來源

2017-02-26 10:53:12 Saran

謝謝你，但如何隱藏在HTML中顯示的印刷品嗎？ – DionysoSong

快速修復是你可以把'display：none'作爲canvas2 – Saran

它仍然會創建圖像？ – DionysoSong

畫布 - 將畫布另存爲PNG並且不顯示畫布

回答

相關問題