当我使用HTML 5 Canvas时，如何在png图像上划分透明区域？

Question

当我尝试在html5画布中划分某个区域时，我遇到了一些问题，我有这个img：

我想只在img的白色部分获得透明度，而不是所有的img。 我在这部分代码中绘制了img：

    this.draw = function(){
        context.save();
        context.drawImage(sniperScoop, 0, 0, w,h);      
        context.restore();
    }

使用HTML 5 Canvas / Javascript可以实现吗？

谢谢！

Answer 1

如果我是你，我只是用像gimp这样的程序编辑图像并剪掉白色部分。有没有理由不这样做？