Css 我可以将svg图像/元素放在画布元素的顶部吗？

我正在使用WebGL渲染一些图像，并将它们放在画布上。我想知道是否可以在画布上放置svg元素

---

实际上，我可以手动移动我在画布上绘制的向量图像。所以我想应该有办法做到这一点。

就像你把任意两个元素放在彼此的上面一样？给他们两个一个父母，位置为：相对或

位置：绝对。将第二个（或两个）设置为
位置：绝对；左：0px；顶部：0px；z指数：2

<div style="position: relative;">
  <canvas id="c" width="300" height="300"></canvas>
  <img src="http://s.cdpn.io/3/kiwi.svg" 
       style="position: absolute; 
              left: 0px; 
              top:0px;
              z-index: 2;
              width: 300px;
       " />
</div>

10年后，感谢您的精彩解释！