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