2016-12-15 21 views
2

私はキャンバスにホタルを描こうとしています。私は1x1の白いピクセルの画像を持っていて、グローをシミュレートするためにそれを囲む透明な円を描きたい。これまでのところ、私はサークルを描いていましたが、私の2Dコンテキストのグローバルなアルファを変更しようとすると、画像は描画されず、サークルも描画されません。これは周囲の円を描く前にイメージを描くので、しばらく私を混乱させていました。これを修正するにはどうすればいいですか?透明な円が表示されない[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(); 

}; 
+0

である必要があります。まず、コンソールにエラーがないかどうか調べてください。 'ctx.globalAlphaは関数ではありません.'そして[MDN:CanvasRenderingContext2D.globalAlpha](https://developer.mozilla.org/ja/docs/Web/API/CanvasRenderingContext2D/globalAlpha)には、設定するプロパティであり、関数ではありません。 –

+0

この質問を1時間の苦労と一緒に投稿した後、私は飛び降りて、私はコンソールをチェックしていないことに気付きました。私はもっ​​と寝る必要があると思う、とにかく@ t.niese – Flizzet

答えて

1

はそれを自分自身を修正しました。 ctx.globalAlpha(0.4)はglobalAlpha = 0.4

関連する問題