在HTML5 Canvas中绘制对象的有效方法

时间:2011-11-28 14:22:34

标签: javascript html5-canvas

我是HTML 5 Canvas的新手,所以如果我问愚蠢的问题,我会提前道歉......

我研究了一些实现动画的基本示例。所有这些都不是“面向对象”的例子,这意味着有一个中心draw()方法,它以regulr间隔调用,清除&每次都重绘一切。 根据我在图形编程中使用其他语言/工具包的知识,一种更有效的方法应该是使用“面向对象”的方法,其中舞台上的每个“对象”都有自己的绘制方法,该方法检查对象是否实际需要重绘针对无效的剪辑区域。

在性能和CPU负载方面,它对canvas也有意义吗?还有另一种更有效的方法(例子)吗?

1 个答案:

答案 0 :(得分:1)

不确定性能是否有效,但Dojo GFX是非常有效的开发方式。它是您的形状对象与使用不同渲染工具(包括HTML5 Canvas)的可视化表示之间的代理。

使用GFX,每次需要对某些形状进行转换时,您肯定不需要清除中央绘制方法并重新绘制所有内容。