作者：乔山办公网日期：
返回目录：excel表格制作
启动自己的AI软件，打开软件界面，点击“文件”zd——“新建”，先建立一个画布，才可以在画布里面绘制图形
新建画布的时候，设置好自己需要的画布大小，文件的名称等~
选择图形工具，以矩形为例，选择矩形
按住鼠标左键不放回手，在画布里面拉出一个矩形~
如果想要设置矩形的具体尺寸，画出一个精确的矩形的话，有两种办法，第一种，是用鼠标点击下矩形里面的空间，就会弹出矩形的宽答高设置的界面了
第二种是点击“窗口”——“变量”
点击“变量”，也会弹出矩形的宽高设置的界面，直接填写数字即可，第二种方法不如第一种方法更为方便呢~
svg跟html标签一样使用就可以zd了，<div><svg><path></path></svg></div>
或者你也可以直接在百度搜索《如何在HTML5中使用SVG》第一条就说得很专详细，用SVG画直线，画圆，椭圆属，矩形。里面都有详细的介绍；
通过<img />标签
这可能是最简单的使用SVG的方法，而且是开发者最熟悉的方法。SVG文件能够像位来图一样通过<img />标签在网页上使用。
缺点是自：SVG图像可能包含动画，但链接里面的文件和任何脚本和交互的SVG代知码部分将被忽略。
通过CSS
可以通过CSS来有效的使用SVG：像位图一样，SVG文件能够通过background-image实现来渲染。
通过@font-face作为字体使用
大多数字体都是矢量图形，SVG可以通过CSS来作为文字嵌入到网页中，从而替代.woft、.otf 和 .eof 格式的文字。代码像下面这样：
@font-face {font-family: GabbaGrabba; url('gabbagabba.otf’) format('opentype’),url('gabbagabba.svg#gabba’) format('svg’);}
因为它们缺乏真正的字体控制如道字距和有限的浏览器支持，应该在使用SVG文字时给它们一个回退的方法。
1. Cubism.js 一个基于D3.js的插件，可以实时显示时间序列。D3.js是一个针7a64e58685e5aeb9331对HTML和SVG的JavaScript可视化库。 2. RGraph 一个HTML5 JavaScript图表库，支持20多种不同类型的图表。 3. Cytoscape Web 一个开源的图形可视化库，基于jQuery编写。 4. sigma.js 一个开源的轻量级JavaScript库，使用HTML canvas元素来绘制图形。 5. Morris.js 一个小巧的、效果漂亮的JavaScript库，用于可视化时间序列数据。 6. Timeplot 基于DHTML的AJAX部件，用于绘制时间序列，并在上面叠加基于时间的事件。 7. Dracula 一套用于显示和设计交互式图表的工具，包含了各种不同的算法。无需Flash、Java和其他插件。 8. gRaphael 一个开源的JavaScript图表库，基于Raphael（拉斐尔）JavaScript库。 9. gvChart 一个jQuery插件，使用谷歌的Charts API以及HTML <table>标记中的数据，来创建交互式、可视化的图表。 10. jQuery Highcharts Table 简易，漂亮，该插件可以将HTML表格中的数据自动转换成图表，也可以抓取excel，连数据库也没有问题。