javascript - 我在哪里可以找到 Javascript 绘图画布？

Question

我想在JS中构建一个绘图程序。（首选 jQuery，但不是强制性的）。

无论如何，我的愿景是一个大的、空白的、带有简单网格的白色画布。用户可以将“图层”拖到网格中（例如图标、图片等）。此外，它还支持绘制曲线、线条、框等。

想想 Adob​​e Illustrator，但要简单得多。老实说，它将被用来做数据库图表而不是艺术（除非数据库图表对你来说是艺术......哈哈）

那里有这样的东西吗？

谢谢

Answer 1

对于矢量图形，我建议使用内联 SVG 而不是画布之类的东西。让你从这里开始是我很久以前写的（在我知道 jslint 之前，所以它不像它应该的那样整洁）http://jsfiddle.net/ctrlfrk/mZzVD/

这是一个 jquery svg 库（我已将其添加为书签，但尚未尝试过）： http: //keith-wood.name/svgRef.html

mozilla 参考：https ://developer.mozilla.org/en/SVG_Reference

实际规格：http ://www.w3.org/TR/SVG11/index.html

Answer 2

很遗憾地通知您，您不会是第一个提出这个想法的人。

看看这些 - diagramo.com (html5/canvas ) - lucidchart.com (html5/canvas) - gliffy.com (flash)

野外还有更多，尽管新添加总是有利于竞争！