初识Raphael.js---强大的矢量图形库

首先，我和你一样很迷茫这个库，不知道它是用来干嘛的。

只记得任务来了，顺便给了一本全英文的电子书，关于这个库的所有文档都写的清清楚楚，网站上关于它的中文文档也是少之又少，就一边看文档，一边上网上搜一下官方文档的示例，这样会比丛头看到尾好很多。

因为即使你从头开始，把这个全英文的文档看一遍，脑子里依旧是一片浆糊，真正开始去做的时候，又无从下手，倒不如带着开发任务去看文档，需要用到什么就去翻文档，这样就事半功倍。

Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。

它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础，你可以通过 JavaScript *** 作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表，还可以绘制任意形状的图形，可以进行图表或图像的裁剪和旋转等复杂 *** 作。

这里简单写个画圆的示例：

这样就在页面上展示了一个圆形。

官网更多demo示例：

常用的js绘图库有：

D3.js：一个功能强大的数据可视化库，支持吸附闭合等功能。

Raphael.js：一个轻量级的交互绘图库，支持实时显示角度和长度。

Fabric.js：一个强大的交互绘图库，支持实时检测垂直和平行等功能。

p5.js：一个用于创作艺术和交互作品的库，可以实现吸附闭合等功能。

需要再描述清楚点

处理后的数据是在数据库（用ajax取过来填充到表格中） 如果是在客户端内存中比如json数据直接分析填充表格，如果是因为第三方脚本引起的错误 就需要贴代码 看了

---