透明圈子沒有顯示[HTML5/JavaScript]

我試圖在畫布上繪製螢火蟲。我有一個1x1白色像素的圖像，我想圍繞它來模擬發光。到目前爲止，我已經設法繪製了圓，但是當我嘗試更改我的2D上下文的全局alpha時，圖像不繪製，圓也不繪製。這一直困擾着我一段時間，因爲我繪製圖像之前，我畫它的周圍的圈子。我怎樣才能解決這個問題？透明圈子沒有顯示[HTML5/JavaScript]

我的代碼：

thatBug.draw = function() { 

    ctx.drawImage(bugImage, thatBug.x, thatBug.y, thatBug.size, thatBug.size); 

    ctx.save(); 
    ctx.globalAlpha(0.4); 
    ctx.beginPath(); 
    ctx.arc(thatBug.x, thatBug.y, thatBug.size + thatBug.glowAmt, 0, 2 * Math.PI, false); 
    ctx.fillStyle = 'white'; 
    ctx.fill(); 
    ctx.restore(); 

};

來源

2016-12-15 Flizzet

您應該首先查看控制檯，看看是否有任何錯誤。它會告訴你'ctx.globalAlpha不是一個函數'而且[MDN：CanvasRenderingContext2D.globalAlpha]（https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/globalAlpha）告訴你它是一個設置屬性而不是函數。 –

在發佈這個問題以及一個小時的掙扎之後，我跳了起來，並意識到我甚至沒有檢查過控制檯，這可能是因爲錯誤。猜猜我需要睡更多，謝謝@ t.niese – Flizzet

固定它自己。 ctx.globalAlpha（0.4）應該是globalAlpha = 0.4

來源

2016-12-15 12:46:26 Flizzet

透明圈子沒有顯示[HTML5/JavaScript]

回答

相關問題