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对象是没有层级的，你如果要实现层级，只能通过绘制时候的顺序和方式来处理层级。

Answer 2

你可以用多个背景透明的canvas叠在一起来实现层级