new Image()對象(src="*.png")怎么讓png圖片空白區(qū)域呈透明?

現在需要給canvas的drawImage(img,dx,dy)方法傳遞一個image對象, 供其畫圖用.
但是它默認畫出來的圖片, 周邊本來是透明的區(qū)域, 默認填充了白色.
如下是圖片源:

繪制完成后的效果:

效果圖中, 上下兩個圓圈的邊角區(qū)域明顯填充了不透明的白色, 從而遮住了下一層的圓圈.
周邊馬賽克區(qū)域, 需要畫出來后是透明的, 而不是填充了白色
請問, 這種需求怎么實現呢?

部分代碼

新建image對象, 最終會給canvas作圖

var image = new Image();
image.src = "../img/mubiao.png";
...
var ctx = canvas.getContext("2d");
ctx.drawImage(image,dx,dy);