• <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>
            <2008年8月>
            272829303112
            3456789
            10111213141516
            17181920212223
            24252627282930
            31123456

            統計

            • 隨筆 - 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
              回復  更多評論    
            一本久久免费视频| 国产精品女同一区二区久久| 国产精品亚洲综合久久| 香蕉久久久久久狠狠色| 久久久久免费精品国产| 久久99精品久久久久久久久久| 国内精品久久久久影院日本 | 女人高潮久久久叫人喷水| 精品伊人久久久| 国产成人久久精品一区二区三区| 狠狠色伊人久久精品综合网| 久久99久国产麻精品66 | 久久精品无码免费不卡| 人妻精品久久无码专区精东影业| 久久精品国产91久久综合麻豆自制 | 精品水蜜桃久久久久久久| 2020国产成人久久精品| 精品精品国产自在久久高清| 久久久久久午夜精品| 亚洲国产精品久久久久婷婷软件| 伊人热热久久原色播放www| 久久久精品免费国产四虎| 国内精品久久久久影院老司| 91精品国产91久久久久久| 久久精品国产网红主播| 波多野结衣久久| 青青热久久国产久精品 | 久久久久人妻精品一区三寸蜜桃| 国内精品伊人久久久久av一坑| 久久亚洲精品国产亚洲老地址| 欧美一区二区精品久久| 久久精品国产精品国产精品污| 午夜精品久久久久久99热| 一本大道久久香蕉成人网| 性高朝久久久久久久久久| 久久久国产精品| 久久久久久av无码免费看大片| 国内精品久久久久久久涩爱| 99久久国产主播综合精品| 亚洲午夜精品久久久久久人妖| 97久久精品午夜一区二区|