问HTML5帆布与SVG与div？

在动态创建元素并能够移动它们的最佳方法是什么？例如，假设我想创建一个矩形，圆形和多边形，然后选择这些对象并移动它们。

我知道HTML5提供了三个可以实现这一点的元素：svg，canvas和div。对于我想要做的，哪一个元素将会提供最好的性能？

为了比较这些方法，我想创建三个视觉相同的网页，每个页面都有一个页眉，页脚，小部件和文本内容。第一页中的小部件将完全用canvas元素创建，第二个完全用svg元素创建，第三个用纯div元素HTML和CSS创建。