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屬性，可以很方便地達到重疊圖形的效果。