canvas绘制层级问题

Question

var canvas = document.getElementById('canvas');var ctx = canvas.getContext('2d');var img = document.createElement('img');img.src = "";img.onload = function () {    ctx.drawImage(img,16,0,img.width,img.height,30,30,627,402);};ctx.font="20px 微软雅黑";ctx.fillText("Hello World!",50,400);ctx.font="20px 微软雅黑";ctx.fillText("Hello World2!",50,300);比如canvas里面将绘制很多东西，怎么的去控制它们之间的一个层级问题呢？类似div里面的z-index，并不是说画的顺序什么的。希望大神指教下，谢谢

Answer 1

canvas对象是没有层级的，你如果要实现层级，只能通过绘制时候的顺序和方式来处理层级。