j0kEli Stone提出了一個(gè)問(wèn)題：HTML5 Canvas set z-index，或許與您遇到的問(wèn)題類似。

回答者markE給出了該問(wèn)題的處理方式：

Yes..kind of yes. You can use compositing to "draw behind" existing pixels.

ctx.globalCompositeOperation='destination-over';

Here's an example and a Demo:

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.

希望本文對(duì)你有幫助，歡迎支持JavaScript中文網(wǎng)

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的js怎么设置z index.html,HTML5 Canvas set z-index的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。