登录 注册
开源 企业版 高校版 私有云 Gitee AI NEW
扫描微信二维码支付
取消
支付完成
Watch
不关注 关注所有动态 仅关注版本发行动态 关注但不提醒动态
1 Star 0 Fork 1

Hirom Qin/pddon-win

forked from Gitee 极速下载/pddon-win 
代码 Wiki 统计 流水线
服务
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
文件
克隆/下载
index.html 20.43 KB
一键复制 编辑 原始数据 按行查看 历史
PDDON 提交于 2023-08-09 13:40 . add index pages
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
<!doctype html>

<html>

<head>

<meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'>

<title>Download PDDON Online Drawing Tool</title><link href='https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext' rel='stylesheet' type='text/css' /><style type='text/css'>html {overflow-x: initial !important;}:root { --bg-color:#ffffff; --text-color:#333333; --select-text-bg-color:#B5D6FC; --select-text-font-color:auto; --monospace:"Lucida Console",Consolas,"Courier",monospace; }

html { font-size: 14px; background-color: var(--bg-color); color: var(--text-color); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }

body { margin: 0px; padding: 0px; height: auto; bottom: 0px; top: 0px; left: 0px; right: 0px; font-size: 1rem; line-height: 1.42857; overflow-x: hidden; background: inherit; }

iframe { margin: auto; }

a.url { word-break: break-all; }

a:active, a:hover { outline: 0px; }

.in-text-selection, ::selection { text-shadow: none; background: var(--select-text-bg-color); color: var(--select-text-font-color); }

#write { margin: 0px auto; height: auto; width: inherit; word-break: normal; word-wrap: break-word; position: relative; white-space: normal; overflow-x: visible; padding-top: 40px; }

#write.first-line-indent p { text-indent: 2em; }

#write.first-line-indent li p, #write.first-line-indent p * { text-indent: 0px; }

#write.first-line-indent li { margin-left: 2em; }

.for-image #write { padding-left: 8px; padding-right: 8px; }

body.typora-export { padding-left: 30px; padding-right: 30px; }

.typora-export .footnote-line, .typora-export li, .typora-export p { white-space: pre-wrap; }

@media screen and (max-width: 500px) {

  body.typora-export { padding-left: 0px; padding-right: 0px; }

  #write { padding-left: 20px; padding-right: 20px; }

  .CodeMirror-sizer { margin-left: 0px !important; }

  .CodeMirror-gutters { display: none !important; }

}

#write li > figure:first-child { margin-top: -20px; }

#write ol, #write ul { position: relative; }

img { max-width: 100%; vertical-align: middle; }

button, input, select, textarea { color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; }

input[type="checkbox"], input[type="radio"] { line-height: normal; padding: 0px; }

*, ::after, ::before { box-sizing: border-box; }

#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p, #write pre { width: inherit; }

#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p { position: relative; }

h1, h2, h3, h4, h5, h6 { break-after: avoid-page; break-inside: avoid; orphans: 2; }

p { orphans: 4; }

h1 { font-size: 2rem; }

h2 { font-size: 1.8rem; }

h3 { font-size: 1.6rem; }

h4 { font-size: 1.4rem; }

h5 { font-size: 1.2rem; }

h6 { font-size: 1rem; }

.md-math-block, .md-rawblock, h1, h2, h3, h4, h5, h6, p { margin-top: 1rem; margin-bottom: 1rem; }

.hidden { display: none; }

.md-blockmeta { color: rgb(204, 204, 204); font-weight: 700; font-style: italic; }

a { cursor: pointer; }

sup.md-footnote { padding: 2px 4px; background-color: rgba(238, 238, 238, 0.7); color: rgb(85, 85, 85); border-radius: 4px; cursor: pointer; }

sup.md-footnote a, sup.md-footnote a:hover { color: inherit; text-transform: inherit; text-decoration: inherit; }

#write input[type="checkbox"] { cursor: pointer; width: inherit; height: inherit; }

figure { overflow-x: auto; margin: 1.2em 0px; max-width: calc(100% + 16px); padding: 0px; }

figure > table { margin: 0px !important; }

tr { break-inside: avoid; break-after: auto; }

thead { display: table-header-group; }

table { border-collapse: collapse; border-spacing: 0px; width: 100%; overflow: auto; break-inside: auto; text-align: left; }

table.md-table td { min-width: 32px; }

.CodeMirror-gutters { border-right: 0px; background-color: inherit; }

.CodeMirror-linenumber { user-select: none; }

.CodeMirror { text-align: left; }

.CodeMirror-placeholder { opacity: 0.3; }

.CodeMirror pre { padding: 0px 4px; }

.CodeMirror-lines { padding: 0px; }

div.hr:focus { cursor: none; }

#write pre { white-space: pre-wrap; }

#write.fences-no-line-wrapping pre { white-space: pre; }

#write pre.ty-contain-cm { white-space: normal; }

.CodeMirror-gutters { margin-right: 4px; }

.md-fences { font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; overflow: visible; white-space: pre; background: inherit; position: relative !important; }

.md-diagram-panel { width: 100%; margin-top: 10px; text-align: center; padding-top: 0px; padding-bottom: 8px; overflow-x: auto; }

#write .md-fences.mock-cm { white-space: pre-wrap; }

.md-fences.md-fences-with-lineno { padding-left: 0px; }

#write.fences-no-line-wrapping .md-fences.mock-cm { white-space: pre; overflow-x: auto; }

.md-fences.mock-cm.md-fences-with-lineno { padding-left: 8px; }

.CodeMirror-line, twitterwidget { break-inside: avoid; }

.footnotes { opacity: 0.8; font-size: 0.9rem; margin-top: 1em; margin-bottom: 1em; }

.footnotes + .footnotes { margin-top: 0px; }

.md-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: top; background: 0px 0px; text-decoration: none; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; -webkit-tap-highlight-color: transparent; line-height: normal; font-weight: 400; text-align: left; box-sizing: content-box; direction: ltr; }

li div { padding-top: 0px; }

blockquote { margin: 1rem 0px; }

li .mathjax-block, li p { margin: 0.5rem 0px; }

li { margin: 0px; position: relative; }

blockquote > :last-child { margin-bottom: 0px; }

blockquote > :first-child, li > :first-child { margin-top: 0px; }

.footnotes-area { color: rgb(136, 136, 136); margin-top: 0.714rem; padding-bottom: 0.143rem; white-space: normal; }

#write .footnote-line { white-space: pre-wrap; }

@media print {

  body, html { border: 1px solid transparent; height: 99%; break-after: avoid; break-before: avoid; }

  #write { margin-top: 0px; padding-top: 0px; border-color: transparent !important; }

  .typora-export * { -webkit-print-color-adjust: exact; }

  html.blink-to-pdf { font-size: 13px; }

  .typora-export #write { padding-left: 32px; padding-right: 32px; padding-bottom: 0px; break-after: avoid; }

  .typora-export #write::after { height: 0px; }

  @page { margin: 20mm 0px; }

}

.footnote-line { margin-top: 0.714em; font-size: 0.7em; }

a img, img a { cursor: pointer; }

pre.md-meta-block { font-size: 0.8rem; min-height: 0.8rem; white-space: pre-wrap; background: rgb(204, 204, 204); display: block; overflow-x: hidden; }

p > .md-image:only-child:not(.md-img-error) img, p > img:only-child { display: block; margin: auto; }

p > .md-image:only-child { display: inline-block; width: 100%; }

#write .MathJax_Display { margin: 0.8em 0px 0px; }

.md-math-block { width: 100%; }

.md-math-block:not(:empty)::after { display: none; }

[contenteditable="true"]:active, [contenteditable="true"]:focus { outline: 0px; box-shadow: none; }

.md-task-list-item { position: relative; list-style-type: none; }

.task-list-item.md-task-list-item { padding-left: 0px; }

.md-task-list-item > input { position: absolute; top: 0px; left: 0px; margin-left: -1.2em; margin-top: calc(1em - 10px); border: none; }

.math { font-size: 1rem; }

.md-toc { min-height: 3.58rem; position: relative; font-size: 0.9rem; border-radius: 10px; }

.md-toc-content { position: relative; margin-left: 0px; }

.md-toc-content::after, .md-toc::after { display: none; }

.md-toc-item { display: block; color: rgb(65, 131, 196); }

.md-toc-item a { text-decoration: none; }

.md-toc-inner:hover { text-decoration: underline; }

.md-toc-inner { display: inline-block; cursor: pointer; }

.md-toc-h1 .md-toc-inner { margin-left: 0px; font-weight: 700; }

.md-toc-h2 .md-toc-inner { margin-left: 2em; }

.md-toc-h3 .md-toc-inner { margin-left: 4em; }

.md-toc-h4 .md-toc-inner { margin-left: 6em; }

.md-toc-h5 .md-toc-inner { margin-left: 8em; }

.md-toc-h6 .md-toc-inner { margin-left: 10em; }

@media screen and (max-width: 48em) {

  .md-toc-h3 .md-toc-inner { margin-left: 3.5em; }

  .md-toc-h4 .md-toc-inner { margin-left: 5em; }

  .md-toc-h5 .md-toc-inner { margin-left: 6.5em; }

  .md-toc-h6 .md-toc-inner { margin-left: 8em; }

}

a.md-toc-inner { font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; }

.footnote-line a:not(.reversefootnote) { color: inherit; }

.md-attr { display: none; }

.md-fn-count::after { content: "."; }

code, pre, samp, tt { font-family: var(--monospace); }

kbd { margin: 0px 0.1em; padding: 0.1em 0.6em; font-size: 0.8em; color: rgb(36, 39, 41); background: rgb(255, 255, 255); border: 1px solid rgb(173, 179, 185); border-radius: 3px; box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset; white-space: nowrap; vertical-align: middle; }

.md-comment { color: rgb(162, 127, 3); opacity: 0.8; font-family: var(--monospace); }

code { text-align: left; vertical-align: initial; }

a.md-print-anchor { white-space: pre !important; border-width: initial !important; border-style: none !important; border-color: initial !important; display: inline-block !important; position: absolute !important; width: 1px !important; right: 0px !important; outline: 0px !important; background: 0px 0px !important; text-decoration: initial !important; text-shadow: initial !important; }

.md-inline-math .MathJax_SVG .noError { display: none !important; }

.html-for-mac .inline-math-svg .MathJax_SVG { vertical-align: 0.2px; }

.md-math-block .MathJax_SVG_Display { text-align: center; margin: 0px; position: relative; text-indent: 0px; max-width: none; max-height: none; min-height: 0px; min-width: 100%; width: auto; overflow-y: hidden; display: block !important; }

.MathJax_SVG_Display, .md-inline-math .MathJax_SVG_Display { width: auto; margin: inherit; display: inline-block !important; }

.MathJax_SVG .MJX-monospace { font-family: var(--monospace); }

.MathJax_SVG .MJX-sans-serif { font-family: sans-serif; }

.MathJax_SVG { display: inline; font-style: normal; font-weight: 400; line-height: normal; zoom: 90%; text-indent: 0px; text-align: left; text-transform: none; letter-spacing: normal; word-spacing: normal; word-wrap: normal; white-space: nowrap; float: none; direction: ltr; max-width: none; max-height: none; min-width: 0px; min-height: 0px; border: 0px; padding: 0px; margin: 0px; }

.MathJax_SVG * { transition: none; }

.MathJax_SVG_Display svg { vertical-align: middle !important; margin-bottom: 0px !important; }

.os-windows.monocolor-emoji .md-emoji { font-family: "Segoe UI Symbol", sans-serif; }

.md-diagram-panel > svg { max-width: 100%; }

[lang="mermaid"] svg, [lang="flow"] svg { max-width: 100%; }

[lang="mermaid"] .node text { font-size: 1rem; }

table tr th { border-bottom: 0px; }

video { max-width: 100%; display: block; margin: 0px auto; }

iframe { max-width: 100%; width: 100%; border: none; }

.highlight td, .highlight tr { border: 0px; }





:root { --side-bar-bg-color: #fafafa; --control-text-color: #777; }

html { font-size: 16px; }

body { font-family: "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(51, 51, 51); line-height: 1.6; }

#write { max-width: 860px; margin: 0px auto; padding: 30px 30px 100px; }

#write > ul:first-child, #write > ol:first-child { margin-top: 30px; }

a { color: rgb(65, 131, 196); }

h1, h2, h3, h4, h5, h6 { position: relative; margin-top: 1rem; margin-bottom: 1rem; font-weight: bold; line-height: 1.4; cursor: text; }

h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor { text-decoration: none; }

h1 tt, h1 code { font-size: inherit; }

h2 tt, h2 code { font-size: inherit; }

h3 tt, h3 code { font-size: inherit; }

h4 tt, h4 code { font-size: inherit; }

h5 tt, h5 code { font-size: inherit; }

h6 tt, h6 code { font-size: inherit; }

h1 { padding-bottom: 0.3em; font-size: 2.25em; line-height: 1.2; border-bottom: 1px solid rgb(238, 238, 238); }

h2 { padding-bottom: 0.3em; font-size: 1.75em; line-height: 1.225; border-bottom: 1px solid rgb(238, 238, 238); }

h3 { font-size: 1.5em; line-height: 1.43; }

h4 { font-size: 1.25em; }

h5 { font-size: 1em; }

h6 { font-size: 1em; color: rgb(119, 119, 119); }

p, blockquote, ul, ol, dl, table { margin: 0.8em 0px; }

li > ol, li > ul { margin: 0px; }

hr { height: 2px; padding: 0px; margin: 16px 0px; background-color: rgb(231, 231, 231); border: 0px none; overflow: hidden; box-sizing: content-box; }

li p.first { display: inline-block; }

ul, ol { padding-left: 30px; }

ul:first-child, ol:first-child { margin-top: 0px; }

ul:last-child, ol:last-child { margin-bottom: 0px; }

blockquote { border-left: 4px solid rgb(223, 226, 229); padding: 0px 15px; color: rgb(119, 119, 119); }

blockquote blockquote { padding-right: 0px; }

table { padding: 0px; word-break: initial; }

table tr { border-top: 1px solid rgb(223, 226, 229); margin: 0px; padding: 0px; }

table tr:nth-child(2n), thead { background-color: rgb(248, 248, 248); }

table tr th { font-weight: bold; border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(223, 226, 229); border-right-color: rgb(223, 226, 229); border-left-color: rgb(223, 226, 229); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; text-align: left; margin: 0px; padding: 6px 13px; }

table tr td { border: 1px solid rgb(223, 226, 229); text-align: left; margin: 0px; padding: 6px 13px; }

table tr th:first-child, table tr td:first-child { margin-top: 0px; }

table tr th:last-child, table tr td:last-child { margin-bottom: 0px; }

.CodeMirror-lines { padding-left: 4px; }

.code-tooltip { box-shadow: rgba(0, 28, 36, 0.3) 0px 1px 1px 0px; border-top: 1px solid rgb(238, 242, 242); }

.md-fences, code, tt { border: 1px solid rgb(231, 234, 237); background-color: rgb(248, 248, 248); border-radius: 3px; padding: 2px 4px 0px; font-size: 0.9em; }

code { background-color: rgb(243, 244, 244); padding: 0px 2px; }

.md-fences { margin-bottom: 15px; margin-top: 15px; padding-top: 8px; padding-bottom: 6px; }

.md-task-list-item > input { margin-left: -1.3em; }

@media print {

  html { font-size: 13px; }

  table, pre { break-inside: avoid; }

  pre { word-wrap: break-word; }

}

.md-fences { background-color: rgb(248, 248, 248); }

#write pre.md-meta-block { padding: 1rem; font-size: 85%; line-height: 1.45; background-color: rgb(247, 247, 247); border: 0px; border-radius: 3px; color: rgb(119, 119, 119); margin-top: 0px !important; }

.mathjax-block > .code-tooltip { bottom: 0.375rem; }

.md-mathjax-midline { background: rgb(250, 250, 250); }

#write > h3.md-focus::before { left: -1.5625rem; top: 0.375rem; }

#write > h4.md-focus::before { left: -1.5625rem; top: 0.285714rem; }

#write > h5.md-focus::before { left: -1.5625rem; top: 0.285714rem; }

#write > h6.md-focus::before { left: -1.5625rem; top: 0.285714rem; }

.md-image > .md-meta { border-radius: 3px; padding: 2px 0px 0px 4px; font-size: 0.9em; color: inherit; }

.md-tag { color: rgb(167, 167, 167); opacity: 1; }

.md-toc { margin-top: 20px; padding-bottom: 20px; }

.sidebar-tabs { border-bottom: none; }

#typora-quick-open { border: 1px solid rgb(221, 221, 221); background-color: rgb(248, 248, 248); }

#typora-quick-open-item { background-color: rgb(250, 250, 250); border-color: rgb(254, 254, 254) rgb(229, 229, 229) rgb(229, 229, 229) rgb(238, 238, 238); border-style: solid; border-width: 1px; }

.on-focus-mode blockquote { border-left-color: rgba(85, 85, 85, 0.12); }

header, .context-menu, .megamenu-content, footer { font-family: "Segoe UI", Arial, sans-serif; }

.file-node-content:hover .file-node-icon, .file-node-content:hover .file-node-open-state { visibility: visible; }

.mac-seamless-mode #typora-sidebar { background-color: var(--side-bar-bg-color); }

.md-lang { color: rgb(180, 101, 77); }

.html-for-mac .context-menu { --item-hover-bg-color: #E6F0FE; }

#md-notification .btn { border: 0px; }

.dropdown-menu .divider { border-color: rgb(229, 229, 229); }











 .typora-export li, .typora-export p, .typora-export,  .footnote-line {white-space: normal;} 

</style>

</head>

<body class='typora-export os-windows' >

<div  id='write'  class = 'is-node'><center><h1>PDDON Free professional low code online drawing tool</h1></center><p><img src='./logo.png' alt='logo' referrerPolicy='no-referrer' /></p><p>If you are afraid of not drawing well, use PDDON. It can be used to draw process diagrams, architecture diagrams, mind maps, UML, BPMN, network topology diagrams, ER diagrams, database model diagrams, Wayne diagrams, fishbone diagrams, etc. It also supports object modeling, database modeling, and code/script generation, providing a rich library of customized drawing function components, bringing a more thoughtful and user-friendly design experience.</p><ul><li>Online drawing address: <a href='https://pddon.com' target='_blank' class='url'>https://pddon.com</a></li><li>Windows client download address: <a href='https://github.com/pddon/pddon-win' target='_blank' class='url'>https://github.com/pddon/pddon-win</a></li><li><a href='./index_zn.html'>查看中文版文档</a></li><li>aliyundrive download address: <a href='https://www.aliyundrive.com/s/4swUD92hFDL' target='_blank' class='url'>https://www.aliyundrive.com/s/4swUD92hFDL</a></li></ul><p>PDDON can be used to draw flow chart, architecture diagram, mind map, UML, BPMN, network topology diagram, ER diagram, database model diagram, Wayne diagram, fishbone diagram, Whiteboard drawing, etc.</p><p> At the same time, it is very considerate to provide programmer users with object modeling, database modeling, code generation and other support, and it also supports the ability to modify the overall style, beautify the drawing, edit, layout, and Collaborative editing multiple design drawings with one key, similar to the simple operation mode of Excel. </p><p>Support the input of Formula in the latex syntax, and support the drawing of freehand/sketch style drawings. A very rich set of connection styles and components are preset for selection. The connection and component styles can be flexibly adjusted through the toolbar or the property panel. </p><p>It provides a custom connection/component DIY, supports the use and search of network components, uploads image components, and presets Cisco, AWS, Alibaba Cloud, bpmn, and uml related component libraries. </p><p>The desktop version supports permanent saving of drawing data, unlimited number of drawings, unlimited drawing size, unlimited export image format, and exporting high-definition large images. The drawing function is not limited and all are available. Can import and export drawing design drafts and support batch production. Download images in rich formats, supporting png, jpg, svg, pdf, webp, and more. Do not list more useful features one by one, wait for you to discover!</p><h4><a name='header-n18' class='md-header-anchor '></a>examples</h4><ul><li>app use case

<img src='./images/pddon画图桌面版使用示例.gif' alt='destop app use case' referrerPolicy='no-referrer' /></li></ul><h4><a name='header-n22' class='md-header-anchor '></a>Next, let&#39;s take a look at some common drawings drawn by PDDON</h4><ul><li><p>AI Related diagram</p><p><img src='./images/ai.jpeg' alt='ai' referrerPolicy='no-referrer' /></p></li><li><p>Architecture diagram</p><p><img src='./images/arcAll.png' alt='arc1' referrerPolicy='no-referrer' /></p><p><img src='./images/arcAll2.png' alt='arc2' referrerPolicy='no-referrer' /></p></li><li><p>Flow chart diagram</p><p><img src='./images/processAll.png' alt='process' referrerPolicy='no-referrer' /></p></li><li><p>UML diagram</p><p><img src='./images/umlAll.png' alt='uml' referrerPolicy='no-referrer' /></p></li><li><p>Product Manager Common Drawings</p><p><img src='./images/styleAll1.png' alt='style1' referrerPolicy='no-referrer' /></p><p><img src='./images/styleAll2.png' alt='style2' referrerPolicy='no-referrer' /></p></li><li><p>Class model diagram</p><p><img src='./images/modelClass.png' alt='class model' referrerPolicy='no-referrer' /></p></li><li><p>Database model diagram</p><p><img src='./images/modelER.png' alt='database model' referrerPolicy='no-referrer' /></p></li></ul><h4><a name='header-n47' class='md-header-anchor '></a>Other information</h4><ul><li>Video Tutorials：<a href='https://space.bilibili.com/1293169179/video' target='_blank' class='url'>https://space.bilibili.com/1293169179/video</a></li><li>WeChat official account：PDDON在线画图</li><li>Official website： <a href='https://pddon.com' target='_blank' class='url'>https://pddon.com</a></li><li>Email: <a href='mailto:support@pddon.com' target='_blank' class='url'>support@pddon.com</a></li><li>QQ Group：784463342 </li><li>Wechat: anjoyhaha</li></ul></div>

</body>

</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/hirom/pddon-win.git
git@gitee.com:hirom/pddon-win.git
hirom
pddon-win
pddon-win
master
点此查找更多帮助

搜索帮助

Git 命令在线学习 如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部