html5z怎么设置logo,javascript – HTML5画布设置z-index

是的，是的。您可以使用合成来“绘制”现有像素。

ctx.globalCompositeOperation='destination-over';

这是一个例子和演示：

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

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

var cx=100;

drawCircle()

cx+=20;

ctx.globalCompositeOperation='destination-over';

$("#test").click(function(){

drawCircle();

cx+=20;

});

function drawCircle(){

ctx.beginPath();

ctx.arc(cx,150,20,0,Math.PI*2);

ctx.closePath();

ctx.fillStyle=randomColor();

ctx.fill();

}

function randomColor(){

return('#'+Math.floor(Math.random()*16777215).toString(16));

}

body{ background-color: ivory; }

canvas{border:1px solid red;}

Draw new circle behind.