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

回答者markE給出了該問題的處理方式：

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.

希望本文對你有幫助，歡迎支持JavaScript中文網

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。