绘制面向对象的行使用javascript

Question

想知道如何使用moveTo，lineTo和arc使用javascript＆amp; html5使用oop。 看过许多绘制fillrect等的例子，但这比使用lineTo等简单。

我应该如何进行这是一个很大的不同？

Answer 1

canvas-api非常低级，它是一个所谓的立即模式api，它确实比面向对象更基于函数。

＆＃34;立即模式＆＃34;意味着api不会跟踪画布上绘制的内容。 （见https://en.wikipedia.org/wiki/Immediate_mode_%28computer_graphics%29）

一个经典的面向对象的模式，可以设置在这样的api作为抽象层之上，是一个SceneGraph。实现它的基本GoV模式将是复合模式。

• https://en.wikipedia.org/wiki/Scene_graph
• https://en.wikipedia.org/wiki/Composite_pattern

另一种选择是，使用像fabricjs这样的库，它试图跟踪绘制的对象。 Fabricjs的主要UseCase是一个在浏览器中运行的矢量绘图应用程序，所以如果这符合您的需求，我不会感到舒服。

我个人更喜欢SceneGraph，但这取决于你的UseCase。