webgl和canvas的区别？
WebGL和Canvas之间的主要区别
两者都是市场上流行的选择。让我们讨论一些主要区别：
Canvas元素是HTML元素，在其HTML5中引入。这允许其用户使用JavaScript在屏幕上绘图，因此，可以在客户端上动态生成图形和动画，而WebGL是非标准化API，允许使用JavaScript进行OpenGL功能。可以使用浏览器渲染3D。
由于Canvas和WebGL都是JavaScript API，因此在某种程度上会有相似之处，尤其是当我们谈论绑定和框架开发时。库中既可以节省开发团队的宝贵时间，又可以组织和喜欢代码。因此，这里的讨论重点是代码编写。如果用户希望从初始级别(或开始)理解和编写代码，则Canvas API更加容易学习和理解。
Canvas画布可以层叠吗？
1. 是的，canvas画布可以层叠。
2. 在canvas中，层叠是通过绘制顺序来实现的。当在canvas上绘制多个元素时，后绘制的元素将覆盖先绘制的元素，从而实现层叠效果。
3. 绘制顺序是由绘制操作的顺序决定的。在绘制之前，可以使用特定的方法来指定绘制的顺序。例如，可以使用`context.beginpath()`开始一个新的路径，并使用`context.fill()`或`context.stroke()`方法填充或绘制路径。后绘制的图形将覆盖先绘制的图形。
另外，还可以使用`context.globalcompositeoperation`属性来控制绘制的组合方式。通过设置该属性，可以实现更复杂的层叠效果，例如使用"source-over"将新的图形绘制在原有图形之上，或使用"destination-over"将新的图形绘制在原有图形之下。
此外，还可以使用图层技术来实现canvas画布的层叠。通过创建多个canvas元素，并将它们叠放在一起，可以在每个canvas上绘制不同的内容。然后，可以使用css的z-index属性来调整canvas元素的层叠顺序，从而实现画布的层叠效果。
用drawImage画在canvas上了，然后又获取了一张小图，想叠加在大图之上，这个时候也可以用drawImage方法，但我听说用putImageData方法会更高效率