什么是动态创建元素并能够移动它们的最佳方法?例如,假设我想创建一个矩形,圆形和多边形,然后选择这些对象并移动它们.
我知道HTML5提供了三个可以实现这一目标的元素:svg,canvas和div.对于我想要做的事情,哪一个元素将提供最佳性能?
为了比较这些方法,我考虑创建三个视觉上相同的网页,每个网页都有页眉,页脚,小部件和文本内容.第一页中的小部件将完全使用canvas元素创建,第二个完全使用svg元素创建,第三个使用plain div元素HTML和CSS创建.
canvas
svg
div
javascript html5 svg html5-canvas
借助方法moveTo和方法,我在HTML5画布中绘制了一个多边形对象(比如汽车)lineTo.我想在画布中的不同位置重复绘制该对象(模拟移动对象).我的问题是以前绘制的对象没有被清除.而是在画布上绘制多个图像.我该如何解决这个问题?
moveTo
lineTo
javascript html5 html5-canvas
html5 ×2
html5-canvas ×2
javascript ×2
svg ×1