javascript - 是否有使用canvas的类似Paint的应用程序的Javascript库？

时间：2011-08-20 19:47:13

标签： javascript canvas drawing

是否有一个Javascript库，它具有内置功能，可以使用canvas元素快速创建类似Paint的Web应用程序？

编辑：所以，到目前为止，我找到了允许简单动画画布元素的Javascript库 - 例如Raphael JS - 以及用于创建简单的Paint应用程序的Javascript教程，但是没有类似Paint的应用程序的强大库。

编辑2：我使用canvas元素在漂亮的Paint应用程序上找到了Javascript tutorial。我还是想看看别人找到了什么。

答案 0 :(得分：14)

圣拉斐尔

Raphaël不使用Canvas。它在支持它的浏览器或Internet Explorer上的VML上使用SVG。

如果您想要专门为绘图设计的SVG解决方案，请查看：

请参阅this demo。

如果您想使用Canvas但需要retained mode渲染，请参阅：

ART，一种保留模式矢量绘图API - 针对HTML5 Canvas，SVG和VML（以及一些代码生成）的所有三个。由Facebook小组与React UI工具包一起使用（请参阅GitHub上react-art项目的the "art" branch和react-page）。

答案 1 :(得分：8)

Literally Canvas符合这个目的：http://literallycanvas.com

“Literally Canvas是一个可扩展的开源（BSD许可），HTML5绘图小部件......您可以使用它在网页中嵌入绘图板。”

答案 2 :(得分：4)

有processingJS，但因为它是JAVA基础处理的端口，所以用“javaish”处理语言编写代码。但毕竟你可以创建像app这样的画像。另一个框架是fabricJS，使用canvas也非常棒。

答案 3 :(得分：3)

您可以尝试painterro。它可用于粘贴和处理屏幕截图，裁剪，绘制图元和文本，旋转和调整大小（更改分辨率）

答案 4 :(得分：0)

我认为你最接近的是扩展教程所经历的内容。

由于需求范围广泛，很难创建“通用”类似油漆的功能。

答案 5 :(得分：0)

有一个npm软件包spainter。