HTML的画布可以用来画出各种形状的图形。利用CSS的定位和z-index属性，可以轻松实现重叠图形的效果。

下面是一个例子，演示如何使用HTML的画布和CSS的定位和z-index属性画出重叠的三角形和圆形：

<div style="position: relative;"><canvas id="triangle" width="100" height="100"><canvas id="circle" width="100" height="100"></div>

在这个例子中，整个图形被放在一个相对定位的div标签内，然后用两个canvas标签创建了一个三角形和一个圆形。通过CSS的定位属性，让三角形覆盖在圆形上面。z-index属性是用来控制元素的层级关系，数值越大的层级越高。

最后用JavaScript的Canvas API，给这两个画布内的形状填充不同的颜色。这样，就实现了两个形状的重叠效果。

总之，利用HTML的画布和CSS的定位和z-index属性，可以很方便地达到重叠图形的效果。