透明圆圈不显示[HTML5/JavaScript]

透明圆圈不显示[HTML5/JavaScript],javascript,html,shape,Javascript,Html,Shape,我想在画布上画萤火虫。我有一个1x1白色像素的图像,我想在它周围有一个透明的圆圈来模拟辉光。到目前为止,我已经画出了圆,但是当我试图改变2d上下文的全局alpha时,图像没有画,圆也没有。这让我困惑了一段时间,因为我先画图像,然后再画周围的圆。我怎样才能着手解决这个问题 我的代码: thatBug.draw = function () { ctx.drawImage(bugImage, thatBug.x, thatBug.y, thatBug.size, thatBug.size);

我想在画布上画萤火虫。我有一个1x1白色像素的图像,我想在它周围有一个透明的圆圈来模拟辉光。到目前为止,我已经画出了圆,但是当我试图改变2d上下文的全局alpha时,图像没有画,圆也没有。这让我困惑了一段时间,因为我先画图像,然后再画周围的圆。我怎样才能着手解决这个问题

我的代码:

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();

};

我自己修的。ctx.globalAlpha(0.4)应该是globalAlpha=0.4

您应该首先查看控制台中是否有任何错误。它会告诉你
ctx.globalAlpha不是一个函数
,并告诉你它是一个要设置的属性,而不是一个函数。在发布了这个问题以及一个小时的努力之后,我跳了起来,意识到我甚至没有检查控制台,这可能是因为一个错误。我想我需要多睡一会儿,谢谢@t.niese