在好例子网,分享、交流、成长!
您当前所在位置:首页Others 开发实例一般编程问题 → 基于HTML5的WEB流程图绘制

基于HTML5的WEB流程图绘制

一般编程问题

下载此实例
  • 开发语言:Others
  • 实例大小:7.36M
  • 下载次数:19
  • 浏览次数:119
  • 发布时间:2021-02-17
  • 实例类别:一般编程问题
  • 发 布 人:好学IT男
  • 文件格式:.rar
  • 所需积分:2
 

实例介绍

【实例简介】
基于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

标签:

实例下载地址

基于HTML5的WEB流程图绘制

不能下载?内容有错? 点击这里报错 + 投诉 + 提问

好例子网口号:伸出你的我的手 — 分享

网友评论

发表评论

(您的评论需要经过审核才能显示)

查看所有0条评论>>

小贴士

感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。

  • 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  • 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
  • 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  • 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。

关于好例子网

本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明

;
报警