《仔仔细细分析Ext》第N章 图表、Excel报表、GIS、拓扑结构第四节Ext-VML页面绘图工具

<!--defaultCSS-->

工欲善其事，必先利其器。在 WEBGIS 这一节提到，特定应用层的 VML 矢量数据只能靠手工来绘制。但是，构建更复杂的矢量图形，就必须依靠工具，否则手工写 XML 格式的文件是相当痛苦的啊！

 

另外，客户可能会提出要求可以在页面上画图这样的功能，比如像“工作流”、“网络拓扑结构”、“WebGis应用”之类的，就必需要一个可以直接在浏览器里面绘图的东东咯^_^。

 

既然没有好用的 VML 矢量图生成工具，那么自己做一个吧！

 

这个页面绘图的工具灵感来自于《VML极道教程里面的FlashVml》和赛瓦的“ twaver”， FlashVml 的界面是这样的（它的代码写得非常乱，无法扩展自己的东西）：

 

 

 

 

目前Ext的使用者比较多，还是拿Ext和vml结合来做个工具吧（代码见附件：vml页面绘图工具.rar）。

 

界面截图：

 

         我老婆的涂鸦：

 

 

 

 

其它几何图形：

 

 

 

 

说明：

 

1、工具目前是 1.0版本，后期有空我会来扩充，花了我两天的功夫（汗！）有这方面需要的可以加 群88403922来参与讨论。

 

       2、所有代码在IE8下测试通过，如发现Bug，欢迎随时联系。另外，Ext里面的颜色选择器怎么不能用？知道的人记得吼一声啊！

 

 

 

 

 

（绘图工具已发1.1版，请到这里下载：http://damoqiongqiu.iteye.com/blog/405818）