• <ins id="pjuwb"></ins>
    <blockquote id="pjuwb"><pre id="pjuwb"></pre></blockquote>
    <noscript id="pjuwb"></noscript>
          <sup id="pjuwb"><pre id="pjuwb"></pre></sup>
            <dd id="pjuwb"></dd>
            <abbr id="pjuwb"></abbr>
            <2015年4月>
            2930311234
            567891011
            12131415161718
            19202122232425
            262728293012
            3456789

            統計

            • 隨筆 - 44
            • 文章 - 0
            • 評論 - 86
            • 引用 - 0

            常用鏈接

            留言簿(6)

            隨筆分類(31)

            隨筆檔案(44)

            Mining

            最新隨筆

            搜索

            •  

            最新評論

            閱讀排行榜

            評論排行榜

            如何在IE頁面上顯示和編輯流程圖

            在Web 要實現地圖,流程圖,涂鴉等功能的時候,可以選擇VML,SVG,Javaapplet,或者Flash。百度的map 搜索的地圖展示就是使用VML 的。


            1、 VML
            VML是微軟1999年9月附帶IE5.0發布的,全稱是Vector Markup Language(矢量可標記語言),其實是Word和HTML結合的產物。可以將Word文檔另存為HTML,其中的文本和圖片可以很容易的轉換,但如果是手繪制的圖形在以往的IE里面就無法解釋了,如果都轉換成圖形文件又不太現實。于是微軟把Word里面的圖形控件結合到IE里面,使IE也具備了繪圖功能。

            VML 的資料:

            MS 的 How to Use VML on Web Pages
               http://msdn.microsoft.com/library/default.asp?url=/workshop/author/VML/ref/basic1.asp
            Think In VML(VML基本教程)
               http://www.itlearner.com/code/vml/index.html

            VML畫板 
               http://www.tool.la/VMLPalette/

            VML編輯器
               http://www.dynamicdrive.com/dynamicindex11/editor.htm

            流程圖
               http://cosoft.org.cn/projects/webflow

            How to Implement Vector Markup Language (VML) on Web Pages?
               http://www.tudjarov.hit.bg/vml/vmlbt.html

            VML Chart 控件
               http://dev.csdn.net/article/23/23770.shtm

            Chart Demo
               http://webfx.eae.net/dhtml/chart/demo.html

             


            2、SVG
            SVG,全稱為Scalable Vector Graphics(可伸縮矢量圖形)。它是W3C制定的、用矢量描述圖形的XML應用標準。它有著許多的優點,比如可擴充性(scalable),動態的,交互性強。SVG支持無極放大,對SVG圖片進行任意比例的放大都不會損害圖片的顯示(沒有太多的失真),其他諸如BMP,JPEG格式的圖片都不支持無級放大。SVG有動畫元素,只要在SVG文件中嵌入SVG動畫元素就可以實現動畫效果了。同時SVG也定義了豐富的事件,包括鼠標事件和鍵盤事件,只要對SVG進行相關的腳本編程就可以實現SVG文件的交互操作。


            相關示例:

            SVG腳本編程
            http://dev.csdn.net/article/26/26676.shtm
            http://www.adobe.com/svg/examples.html

            SVM & SVG 相關的庫和應用有
            Prototype Graphic Framework
               http://prototype-graphic.xilinus.com/
            Cumulate Draw 很強大的一個畫圖工具, 基本上實現了Visio 的功能
               http://www.cumulatelabs.com/cumulatedraw/
            RichDraw - Simple VML/SVG Editor
               http://starkravingfinkle.org/blog/2006/04/richdraw-simple-vmlsvg-editor/
            Mapbar 地圖
               http://main.mapbar.com/
            mxDraw 很強大的一個流程圖畫板
               http://www.mxgraph.com/demo/mxgraph/editors/diagrameditor.html

            Del.icio.us
               http://del.icio.us/hedgerwang/VML


            3、Flash
            Flash的強大功能就不用介紹了,相信它完全可以實現任何流程圖的操作功能。但是,Flash的學習成本太高了,它的ActionScript讓我們這些寫慣了java、js的開發人員一頭霧水。而且相關的網絡資源實在是太少了,當初我google了N久,才勉強找到一個通過讀取xml文件顯示流程圖的example,功能僅僅是顯示xml文件中配置的流程節點(有需要源碼的朋友可以mail我)。所以,要想實現強大的流程圖編輯功能,Flash只推薦高手使用。
            商用的軟件有
            Gliff    http://www.gliffy.com/ 
            DrawAnywhere  http://drawanywhere.com/

            Google code有一個開源項目 http://code.google.com/p/flexvizgraphlib/ , 其代碼可以在
            http://groups.google.com/group/flexvizgraphlib/web/FlexVisualGraph.zip 下載到

            4、Java Applet
            在SVM 和 SVG 出現以前,有網絡涂鴉,就是用Applet 做成的,但是現在好像用的不多了。

            ref:
            Tools for Creating Charts and Diagrams 一篇英文的文章, 對現有的流程圖創建工具有一個很好的介紹

            posted on 2007-01-11 12:06 泡泡牛 閱讀(8897) 評論(7)  編輯 收藏 引用 所屬分類: Software

            評論

            # re: 如何在IE頁面上顯示和編輯流程圖  2007-04-29 14:07 leonard

            hi

            我最近做畢業設計 想參考 那個 顯示流程圖的flash,
            你能把源碼發給我一份么?

            我的email是 pku76[at]126.com ([at] to @, plz ...)

            謝謝了~~~`
              回復  更多評論    

            # re: 如何在IE頁面上顯示和編輯流程圖  2008-02-28 11:37 xuliangchao

            能把源碼發給我一份么?

            我的EMAIL:xuliangchao@hotmail.com
              回復  更多評論    

            # re: 如何在IE頁面上顯示和編輯流程圖  2008-02-28 11:59 泡泡牛

            @xuliangchao
            我只做了 vml 的實現, 參考的是下面的地址, 你可以直接訪問這些, 然后從ie 緩存得到源碼的.
            個人感覺 http://www.mxgraph.com/demo/mxgraph/editors/diagrameditor.html 的是最強大的, 是整一個的ui庫實現, 但是速度也比較慢.

            VML畫板
            http://www.tool.la/VMLPalette/

            VML編輯器
            http://www.dynamicdrive.com/dynamicindex11/editor.htm

            流程圖
            http://cosoft.org.cn/projects/webflow

            How to Implement Vector Markup Language (VML) on Web Pages?
            http://www.tudjarov.hit.bg/vml/vmlbt.html

            VML Chart 控件
            http://dev.csdn.net/article/23/23770.shtm

            Chart Demo
            http://webfx.eae.net/dhtml/chart/demo.html
              回復  更多評論    

            # re: 如何在IE頁面上顯示和編輯流程圖  2008-07-14 19:00 makefile

            能郵件我份嗎?我只要顯示流程圖的flash就成,我不需要編輯功能
              回復  更多評論    

            # re: 如何在IE頁面上顯示和編輯流程圖  2008-08-08 18:21 scott

            請問你有download Cumulate Draw 嗎? 目前那個網站好像已經被并了,無法下載 Draw的source 了
              回復  更多評論    

            # re: 如何在IE頁面上顯示和編輯流程圖  2008-08-14 20:32 泡泡牛

            這個頁面可以訪問的!!

            http://draw.labs.autodesk.com/ADDraw/draw.html
              回復  更多評論    

            # re: 如何在IE頁面上顯示和編輯流程圖  2008-08-21 00:49 wangzhao

            你好!
            由于最近需要用flash做一個流程圖編輯器,不知該如何下手,希望你能email我一份你找到的flash的源碼,不勝感激!
            我的email是:wangzhao850704@163.com
              回復  更多評論    
            国产亚洲精久久久久久无码AV| 久久亚洲私人国产精品vA| 久久er国产精品免费观看8| 亚洲精品NV久久久久久久久久| 男女久久久国产一区二区三区| 国产精品青草久久久久福利99| 2021最新久久久视精品爱| 99久久99久久| 精品国产乱码久久久久软件| 久久99精品国产99久久| 亚洲美日韩Av中文字幕无码久久久妻妇| 亚洲精品无码久久千人斩| 丰满少妇人妻久久久久久4| 亚洲精品tv久久久久久久久| 精品久久久久久久久久中文字幕 | 秋霞久久国产精品电影院| 狠狠色丁香久久婷婷综合蜜芽五月 | 热久久国产欧美一区二区精品| 色欲久久久天天天综合网精品| 久久久久亚洲AV综合波多野结衣| 国产情侣久久久久aⅴ免费| 亚洲国产成人精品无码久久久久久综合 | 国产福利电影一区二区三区,免费久久久久久久精 | 国产精品久久久久jk制服| 久久人人爽人人爽人人片AV高清 | 国内精品久久久久| 久久精品aⅴ无码中文字字幕重口| 少妇被又大又粗又爽毛片久久黑人 | 亚洲?V乱码久久精品蜜桃| 国产成人综合久久精品尤物| 久久亚洲欧美日本精品| 精品亚洲综合久久中文字幕| 99久久超碰中文字幕伊人| 久久国产精品久久| 国产精品欧美久久久久无广告 | 日韩欧美亚洲综合久久影院Ds| 国产高清美女一级a毛片久久w| 91精品日韩人妻无码久久不卡| 久久国产成人精品国产成人亚洲| 品成人欧美大片久久国产欧美...| 久久99热这里只有精品国产 |