矢量图形编辑系统基于一个javascr ipt库JSDRAW2D，该库中封装了绘制各种图元的函数。提供了设置图元的基本属性的类库。该类库采用纯javascr ipt和DOM语言编写。以一个像素的DIV作为矢量图形的最小单位，所以绘制出来的图形具有速度快，占用空间小的优势。 矢量图形编辑系统，采用动态绘制，选择所需的图形按钮，在绘图区，随着鼠标拖动，同代绘制图形。同时该系统采用AJAX技术，将绘制好的图形的基本属性，传入服务器中，保存到图形数据库中。 -Vector graphics ed

Div画的机器猫图形源码，一共用了2010个div，今年是2010年嘛，用到的技术为 java scr ipt+HTML4+CSS2 ，在目前几乎所有主流浏览中都能有一致的显示。 有DrJs作基础，用div在网页上堆图像就简单多了，比如说用它来画一个机器猫。应该说，机器猫是一个非常适合用程序来画的形象，因为它主要由圆（包括椭圆、圆弧）、简单的多边形以及直线组成。具体的绘制过程就不详述了，简单来说就是使用 DrJs 在指定的地方做画圆画线等操作，最后组成一个机器猫的形象。 这个

基本知识 绘制矩形 清除矩形区域 圆弧 路径 绘制线段 绘制贝塞尔曲线 线性渐变 径向渐变（发散） 图形变形（平移、旋转、缩放） 矩阵变换（图形变形的机制） 图形组合 给图形绘制阴影 绘制图像（图片平铺、裁剪、像素处理[不只图像、包括其他绘制图形]） 绘制文字 保存和恢复状态（context） 保存文件 结合setInterval制作动画(basic knowledge Draw rectangle Clear rectangular area Arc