使用javascript绘制面向对象的lineTo答案

【问题标题】：draw object oriented lineTo using javascript使用javascript绘制面向对象的lineTo
【发布时间】：2015-09-29 06:03:29
【问题描述】：

想知道如何使用 javascript 和 html5 使用 oop 来使用 moveTo、lineTo 和 arc。看到很多例子绘制填充矩形等，但这似乎比使用 lineTo 等更简单。

我应该如何进行有很大的不同吗？

【问题讨论】：

【解决方案1】：

canvas-api 是相当低级的，它是一个所谓的即时模式 api，它确实更基于函数而不是面向对象。

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

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

另一种选择是，使用像 fabricjs 这样的库来尝试跟踪绘制的对象。 Fabricjs 的主要 UseCase 是在浏览器中运行的矢量绘画应用程序，因此我不确定这是否符合您的需求。

我个人在大多数情况下更喜欢 SceneGraph，但这取决于您的 UseCase。

【讨论】：