开源运动与SVG图形相结合，为Web开发人员带来了无限可能。
自定义JavaScript API是网络的未来。
它可以作为一个可视化工具 ，图表数据，或者也可以用来制作凉的东西 只是为了炫耀 。
GraphicsJS是一个免费的开源库和JS API，用于在Web浏览器中构建自定义图形 。
这些示例只是在探索一切可能的事物。
在主页上，您会发现使用GraphicsJS创建的演示的很大一部分 。
这有点类似于React的虚拟DOM，并且以类似的方式使用。
该库使用自己的虚拟DOM ，它是浏览器DOM的抽象。
这就是为什么它使用SVG / VML而不是HTML5画布中的嵌入式对象的原因。
由于该库使用DOM的克隆，因此它也需要使用真正HTML元素 。
从那里开始，它被调整和开源为自己的JS API 。
该图形引擎最初内置于AnyChart库中 。
GraphicsJS 支持所有主流浏览器 ，甚至可以追溯到IE6和Chrome 1.0。
但是我认为最好的学习方法是先头脑潜水。
GitHub存储库中提供了所有源代码 ，您可以在其中下载副本并在有空的时候四处逛逛。
当您需要查找特定的方法或API调用以进行参考时，最好使用文档。
您可以浏览API文档，但是我通常发现这些文档是多余的。
在这里可以找到有效的代码示例以分解语法。
如果您只是入门，则可以访问 AnyChart网站上托管的游乐场 。
这更像是“官方”文档，因此与API文档相比，它会帮助您获得更平滑的学习曲线 。
或者，如果您真的想从平方开始，那么GraphicsJS入门指南会有所帮助。
它离完美的库还很远，但是它是我们从头开始创建自定义SVG图形的最好的库之一。
无论哪种方式，我都喜欢GraphicsJS是开源的，并已发布到开发人员社区。
为了使您的工作运转起来，下面您可以看到可以使用Graphics.js构建的示例 。