当我在画布中绘制一些对象时,有时候新对象会放在旧对象下面.例如,我将一些图像添加到画布然后绘制一条线.当我运行代码图像是最重要的.我在网上寻找解决方案.但没有直接的解决方案.:(在某些情况下,它已被视为一个错误!在探险家.我怎么能控制z-index?
编辑:这是我的代码
<img id="black_checkers_piece" src="egsdk/BlackCheckersPiece.png" style="display: none;">
<canvas id="c1" style="border:1px solid #998800"></canvas>
<script type="text/javascript">
var canvasID = document.getElementById('c1');
var ctx = canvasID.getContext('2d');
var img = new Image();
img.src = document.getElementById('black_checkers_piece').src;
img.onload = function(){
ctx.drawImage(img, 10, 10, 32, 32);
}
ctx.beginPath();
ctx.strokeStyle = 'red';
ctx.moveTo(0, 0);
ctx.lineTo(50, 50);
ctx.stroke();
</script>
Run Code Online (Sandbox Code Playgroud)