图片透明代码html5,javascript – 透明图像背景html5画布

使用该图像以及Mac上最新的Firefox和Chrome测试版中的以下代码,对我来说效果很好. (除了图像本身有一些白色不透明像素,你可以通过在深色背景上打开,例如在Firefox中看到.)

var canvas, ctx;

function init() {

canvas = document.getElementById("canvas");

ctx = canvas.getContext("2d");

var size=500;

ctx.fillStyle = 'yellow';

ctx.beginPath();

ctx.fillStyle = 'yellow';

ctx.moveTo(0,0);

ctx.lineTo(size,0);

ctx.lineTo(size,size);

ctx.lineTo(0,size);

ctx.lineTo(0,0);

ctx.stroke();

ctx.fill();

var img = document.getElementById("img");

ctx.drawImage(img, 0, 0);

}