实例介绍
基于HTML5的WEB流程图绘制,界面简洁
【实例截图】
【核心代码】
071a9df6-146b-4a12-a8ff-d0fd0aaa0fa8
└── 1
├── assets
│ ├── content-background.jpg
│ ├── css
│ │ ├── ajaxfileupload.css
│ │ ├── colorPicker_new.css
│ │ ├── minimap.css
│ │ ├── style_1.css
│ │ └── style.css
│ ├── images
│ │ ├── arrow_redo.png
│ │ ├── arrow_undo.png
│ │ ├── author.gif
│ │ ├── author.png
│ │ ├── background.gif
│ │ ├── background.jpg
│ │ ├── blank.gif
│ │ ├── button-login.gif
│ │ ├── button-login.png
│ │ ├── buy.png
│ │ ├── cancel.gif
│ │ ├── centerAlign.png
│ │ ├── collaborator.gif
│ │ ├── collaborators.gif
│ │ ├── collaborators.png
│ │ ├── colorpicker_background.png
│ │ ├── colorpicker_hex.png
│ │ ├── colorpicker_hsb_b.png
│ │ ├── colorpicker_hsb_h.png
│ │ ├── colorpicker_hsb_s.png
│ │ ├── colorpicker_indic.gif
│ │ ├── colorpicker_overlay.png
│ │ ├── colorpicker_rgb_b.png
│ │ ├── colorpicker_rgb_g.png
│ │ ├── colorpicker_rgb_r.png
│ │ ├── colorpicker_select.gif
│ │ ├── colorpicker_submit.png
│ │ ├── container.png
│ │ ├── content-background.jpg
│ │ ├── custom_background.png
│ │ ├── custom_hex.png
│ │ ├── custom_hsb_b.png
│ │ ├── custom_hsb_h.png
│ │ ├── custom_hsb_s.png
│ │ ├── custom_indic.gif
│ │ ├── custom_rgb_b.png
│ │ ├── custom_rgb_g.png
│ │ ├── custom_rgb_r.png
│ │ ├── custom_submit.png
│ │ ├── deletediagram.png
│ │ ├── download.gif
│ │ ├── download_medium.gif
│ │ ├── editdiagram.png
│ │ ├── editor.gif
│ │ ├── editor.png
│ │ ├── figures
│ │ │ ├── 10.gif
│ │ │ ├── 11.gif
│ │ │ ├── 12.gif
│ │ │ ├── 13.gif
│ │ │ ├── 14.gif
│ │ │ ├── 15.gif
│ │ │ ├── 16.gif
│ │ │ ├── 17.gif
│ │ │ ├── 18.gif
│ │ │ ├── 19.gif
│ │ │ ├── 1.gif
│ │ │ ├── 20.gif
│ │ │ ├── 21.gif
│ │ │ ├── 22.gif
│ │ │ ├── 23.gif
│ │ │ ├── 2.gif
│ │ │ ├── 3.gif
│ │ │ ├── 4.gif
│ │ │ ├── 5.gif
│ │ │ ├── 6.gif
│ │ │ ├── 7.gif
│ │ │ ├── 8.gif
│ │ │ ├── 9.gif
│ │ │ └── na.png
│ │ ├── gridTile1.png
│ │ ├── gridTile2.png
│ │ ├── gridTile.gif
│ │ ├── gridTile.png
│ │ ├── group.gif
│ │ ├── group.png
│ │ ├── header-background_1.jpg
│ │ ├── header-background.jpg
│ │ ├── icon_back.gif
│ │ ├── icon_backward.gif
│ │ ├── icon_connector_jagged.gif
│ │ ├── icon_connector_organic.gif
│ │ ├── icon_connector_straight.gif
│ │ ├── icon_debug_false.gif
│ │ ├── icon_debug_true.gif
│ │ ├── icon_export.jpg
│ │ ├── icon_forward.gif
│ │ ├── icon_front.gif
│ │ ├── icon_import.gif
│ │ ├── icon_logout.gif
│ │ ├── icon_new.jpg
│ │ ├── icon_open.jpg
│ │ ├── icon_print.png
│ │ ├── icon_save_as.jpg
│ │ ├── icon_save.jpg
│ │ ├── icon_settings.gif
│ │ ├── image.gif
│ │ ├── import.gif
│ │ ├── leftAlign.png
│ │ ├── loading.gif
│ │ ├── loading_small.gif
│ │ ├── login-background.gif
│ │ ├── logo_35_35.png
│ │ ├── logo-35x35-gray.png
│ │ ├── logo-35x35.png
│ │ ├── logo_36h_full.png
│ │ ├── logo-36x36.png
│ │ ├── logo_background2.png
│ │ ├── logo_background.jpg
│ │ ├── logo_background.png
│ │ ├── logo.gif
│ │ ├── logo-single.gif
│ │ ├── logo-web-app.png
│ │ ├── menu_separator2.png
│ │ ├── menu_separator.jpg
│ │ ├── newdiagram.png
│ │ ├── noColor.png
│ │ ├── no-image.png
│ │ ├── prop-icon-endstyle.png
│ │ ├── prop-icon-fill.png
│ │ ├── prop-icon-h-resize.png
│ │ ├── prop-icon-linewidth.png
│ │ ├── prop-icon-startstyle.png
│ │ ├── prop-icon-stroke.png
│ │ ├── prop-icon-text.png
│ │ ├── prop-icon-url.png
│ │ ├── prop-icon-v-resize.png
│ │ ├── remove.gif
│ │ ├── remove.png
│ │ ├── resize.jpg
│ │ ├── rightAlign.png
│ │ ├── rotate.png
│ │ ├── save-background.jpg
│ │ ├── save.gif
│ │ ├── select2.png
│ │ ├── selectImage.gif
│ │ ├── select.png
│ │ ├── slider.png
│ │ ├── small_white_logo.jpg
│ │ ├── text.gif
│ │ ├── text.png
│ │ ├── toolbal_background.png
│ │ ├── toolbar_background.png
│ │ ├── toolbar_separator.gif
│ │ ├── twitter.png
│ │ ├── ungroup.gif
│ │ ├── ungroup.png
│ │ ├── upgrade-button.png
│ │ └── upper_bar_separator.jpg
│ ├── javascript
│ │ ├── ajaxfileupload.js
│ │ ├── colorPicker_new.js
│ │ ├── dropdownmenu.js
│ │ ├── excanvas.js
│ │ ├── jquery-1.4.2.min.js
│ │ └── json2.js
│ └── simplemodal
│ ├── css
│ │ ├── basic.css
│ │ ├── basic_ie.css
│ │ ├── demo.css
│ │ └── diagramo.css
│ ├── img
│ │ └── basic
│ │ └── x.png
│ ├── index.html
│ └── js
│ ├── basic.js
│ ├── jquery.js
│ └── jquery.simplemodal.js
├── diagramo-light.zip
├── lib
│ ├── browserReady.js
│ ├── builder.js
│ ├── canvasprops.js
│ ├── commands
│ │ ├── CanvasChangeColorCommand.js
│ │ ├── CanvasChangeSizeCommand.js
│ │ ├── Command.js
│ │ ├── ConnectorAlterCommand.js
│ │ ├── ConnectorCreateCommand.js
│ │ ├── ConnectorDeleteCommand.js
│ │ ├── ContainerCreateCommand.js
│ │ ├── ContainerDeleteCommand.js
│ │ ├── ContainerScaleCommand.js
│ │ ├── ContainerTranslateCommand.js
│ │ ├── FigureCloneCommand.js
│ │ ├── FigureCreateCommand.js
│ │ ├── FigureDeleteCommand.js
│ │ ├── FigureRotateCommand.js
│ │ ├── FigureScaleCommand.js
│ │ ├── FigureTranslateCommand.js
│ │ ├── FigureZOrderCommand.js
│ │ ├── GroupCloneCommand.js
│ │ ├── GroupCreateCommand.js
│ │ ├── GroupDeleteCommand.js
│ │ ├── GroupDestroyCommand.js
│ │ ├── GroupRotateCommand.js
│ │ ├── GroupScaleCommand.js
│ │ ├── GroupTranslateCommand.js
│ │ ├── History.js
│ │ ├── InsertedImageFigureCreateCommand.js
│ │ └── ShapeChangePropertyCommand.js
│ ├── connectionManagers.js
│ ├── connections.js
│ ├── containers.js
│ ├── groups.js
│ ├── handles.js
│ ├── ImageFrame.js
│ ├── importer.js
│ ├── key.js
│ ├── log.js
│ ├── main.js
│ ├── matrix.js
│ ├── minimap.js
│ ├── primitives.js
│ ├── sets
│ │ ├── basic
│ │ │ ├── basic.js
│ │ │ ├── circle.png
│ │ │ ├── diamond.png
│ │ │ ├── ellipse.png
│ │ │ ├── hexagon.png
│ │ │ ├── octogon.png
│ │ │ ├── parallelogram.png
│ │ │ ├── pentagon.png
│ │ │ ├── rectangle.png
│ │ │ ├── right_triangle.png
│ │ │ ├── rounded_rectangle.png
│ │ │ ├── square.png
│ │ │ └── text.png
│ │ ├── experimental
│ │ │ ├── 200by200.ai
│ │ │ ├── 200by200.png
│ │ │ ├── 200by200.svg
│ │ │ ├── 3figuresNoSize.svg
│ │ │ ├── 3figures.svg
│ │ │ ├── airport.svg
│ │ │ ├── car.svg
│ │ │ ├── dotted.png
│ │ │ ├── experimental.js
│ │ │ ├── house.svg
│ │ │ ├── image_32.gif
│ │ │ ├── image_frame.png
│ │ │ ├── inkscape-plain-svg.svg
│ │ │ ├── no-image-inkscape.svg
│ │ │ ├── organic.png
│ │ │ ├── organic.svg
│ │ │ ├── page.png
│ │ │ ├── preferences-system-symbolic-plain.svg
│ │ │ ├── preferences-system-symbolic.svg
│ │ │ ├── rectangle.svg
│ │ │ ├── tango-ai.svg
│ │ │ ├── tango-plain.svg
│ │ │ ├── tango.png
│ │ │ └── tango.svg
│ │ ├── network
│ │ │ ├── 10_lock.png
│ │ │ ├── 10_lock.svg
│ │ │ ├── 11_pda.png
│ │ │ ├── 11_pda.svg
│ │ │ ├── 12_phone.png
│ │ │ ├── 12_phone.svg
│ │ │ ├── 13_printer.png
│ │ │ ├── 13_printer.svg
│ │ │ ├── 14_database.png
│ │ │ ├── 14_database.svg
│ │ │ ├── 15_ups.png
│ │ │ ├── 15_ups.svg
│ │ │ ├── 16_wireless_router.png
│ │ │ ├── 16_wireless_router.svg
│ │ │ ├── 1_person.png
│ │ │ ├── 1_person.svg
│ │ │ ├── 2_switch.png
│ │ │ ├── 2_switch.svg
│ │ │ ├── 3_router.png
│ │ │ ├── 3_router.svg
│ │ │ ├── 4_cloud.png
│ │ │ ├── 4_cloud.svg
│ │ │ ├── 5_server.png
│ │ │ ├── 5_server.svg
│ │ │ ├── 6_firewall.png
│ │ │ ├── 6_firewall.svg
│ │ │ ├── 7_building.png
│ │ │ ├── 7_building.svg
│ │ │ ├── 8_laptop.png
│ │ │ ├── 8_laptop.svg
│ │ │ ├── 9_desktop.png
│ │ │ ├── 9_desktop.svg
│ │ │ └── network.js
│ │ ├── secondary
│ │ │ ├── page_lower_corner_folded.png
│ │ │ ├── page.png
│ │ │ ├── page_upper_corner_folded.png
│ │ │ ├── secondary.js
│ │ │ ├── semi_circle_down.png
│ │ │ ├── semi_circle_up.png
│ │ │ └── triangle.png
│ │ └── statemachine
│ │ ├── end.png
│ │ ├── note.png
│ │ ├── start.png
│ │ ├── statemachine.js
│ │ └── state.png
│ ├── stack.js
│ ├── style.js
│ ├── text.js
│ └── util.js
└── light-editor.html
19 directories, 300 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论