-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathindex.html
11 lines (10 loc) · 47.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="alternate" hreflang="zh" href="index_zh-CN.html"><link href="//cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet"><link href="//cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet"><link href="dist/css/shapefly-diagram.min.css" rel="stylesheet"><title>Shapefly | Flowchart Maker & Online Diagram Software</title><meta name="description" content="Shapefly,a web-based flowchart maker,diagram editor,features creating vector graphics & dozen of shapes such as retangles, circles, lines, arrows, flowchart and callouts & Support export to SVG/PNG/JPG & Provide online editor widget for inserting diagrams.The next diagram software beyoud the Microsoft Viso, draw.io, gliffy.com"><meta name="robots" content="noodp"><link rel="canonical" href="//zzzhan.github.io/shapefly-diagram"><meta property="og:locale" content="zh_CN"><meta property="og:type" content="website"><meta property="og:title" content="Shapefly | Flowchart Maker & Online Diagram Software"><meta property="og:description" content="Shapefly | Drawing ready-made shapes on the web straight-through"><meta property="og:url" content="//zzzhan.github.com/shapefly-diagram"><meta property="og:site_name" content="Shapefly Diagram"><meta property="og:image" content="//zzzhan.github.io/shapefly-diagram/dist/img/shapefly_600x321.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:description" content="Shapefly,a web-based flowchart maker,diagram editor,features creating vector graphics & dozen of shapes such as retangles, circles, lines, arrows, flowchart and callouts & Support export to SVG/PNG/JPG & Provide online editor widget for inserting diagrams.The next diagram software beyoud the Microsoft Viso, draw.io, gliffy.com"><meta name="twitter:title" content="Shapefly | Flowchart Maker & Online Diagram Software"><meta name="twitter:site" content="@shapefly"><meta name="twitter:image" content="://zzzhan.github.com/shapelfy/dist/img/shapefly_600x321.png"></head><body><div class="notes" data-locale="" data-lbl-localimg=""><nav class="navbar navbar-default navbar-fixed-top notes-top-bar hidden-print"><div class="btn-group btn-group-sm"><button class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-option-vertical"></i></button><ul class="dropdown-menu" role="menu"><li><a href="#" title="New   Ctlr+T" name="new" data-nts-cmd="new"><i class="glyphicon glyphicon-file"></i> New   Ctlr+T</a></li><li><a href="#" title="Open   Ctlr+O" name="open" data-nts-cmd="open"><i class="glyphicon glyphicon-folder-open"></i> Open   Ctlr+O</a></li><li><a href="#" title="Save   Ctlr+S" name="save" data-nts-cmd="save"><i class="glyphicon glyphicon-floppy-disk"></i> Save   Ctlr+S</a></li><li><a href="#" title="Rename" name="rename" data-nts-cmd="rename"><i class="glyphicon glyphicon-edit"></i> Rename</a></li><li><a href="#" title="Close   Ctlr+W" name="close" data-nts-cmd="close"><i class="glyphicon glyphicon-remove"></i> Close   Ctlr+W</a></li><li><a href="#" title="Close Others" name="closeOthers" data-nts-cmd="closeOthers"><i class="glyphicon glyphicon-remove"></i> Close Others</a></li><li><a href="#" title="Close All" name="closeAll" data-nts-cmd="closeAll"><i class="glyphicon glyphicon-remove"></i> Close All</a></li><li role="separator" class="divider"></li><li class="dropdown"><a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="glyphicon glyphicon-export"></i> Export<span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#" data-nts-cmd="export" data-param="png"><i class="glyphicon glyphicon-picture"></i> PNG</a></li><li><a href="#" data-nts-cmd="export" data-param="jpg"><i class="glyphicon glyphicon-picture"></i> JPG</a></li><li><a href="#" data-nts-cmd="export" data-param="svg"><i class="glyphicon glyphicon-picture"></i> SVG<sup>Alpha</sup></a></li></ul></li><li><a href="#" title="Print...   Ctlr+P" name="print" data-nts-cmd="print"><i class="glyphicon glyphicon-print"></i> Print...   Ctlr+P</a></li></ul></div><div class="btn-group btn-group-sm"><a class="btn btn-default" title="New   Ctlr+T" data-nts-cmd="new"><i class="glyphicon glyphicon-file"></i></a> <a class="btn btn-default" title="Open   Ctlr+O" data-nts-cmd="open"><i class="glyphicon glyphicon-folder-open"></i></a> <a class="btn btn-default" title="Save   Ctlr+S" data-nts-cmd="save"><i class="glyphicon glyphicon-floppy-disk"></i></a> <a class="btn btn-default" title="Print   Ctlr+P" data-nts-cmd="print"><i class="glyphicon glyphicon-print"></i></a></div><div class="btn-group btn-group-sm"><a class="btn btn-default" title="Export" data-nts-cmd="export" data-param="png"><i class="glyphicon glyphicon-export"></i></a></div><div class="btn-group btn-group-xs pull-right"><button class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-globe"></i><span class="caret"></span></button><ul class="dropdown-menu" role="menu"><li><a href="index.html" title="English" target="_self">English</a></li><li><a href="index_zh-CN.html" title="简体中文" target="_self">简体中文</a></li></ul></div><div class="btn-group btn-group-xs pull-right"><button class="btn btn-default dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-share"></i><span class="caret"></span></button><ul class="dropdown-menu"><li><a href="https://twitter.com/intent/tweet?text=Shapefly | Drawing ready-made shapes on the web straight-through&url=//zzzhan.github.io/shapefly-diagram" target="_blank"><i class="fa fa-twitter"></i>Twitter</a></li><li><a href="https://www.facebook.com/sharer/sharer.php?u=//zzzhan.github.com/shapefly-diagram" target="_blank"><i class="fa fa-facebook"></i>Facebook</a></li><li><a href="https://plus.google.com/share?url=//zzzhan.github.io/shapefly-diagram" target="_blank"><i class="fa fa-google-plus"></i>Google+</a></li><li><a href="
www.reddit.com/submit?url=https://zzzhan.github.io/shapefly-diagram&title=Shapefly | Drawing ready-made shapes on the web straight-through" target="_blank"><i class="fa fa-reddit"></i>Reddit</a></li><li><a href="http://service.weibo.com/share/share.php?url=https://zzzhan.github.io/shapefly-diagram&title=Shapefly | Drawing ready-made shapes on the web straight-through" target="_blank"><i class="fa fa-weibo"></i>Weibo</a></li></ul></div><div class="btn-group btn-group-xs pull-right"><a class="btn btn-default" title="Feedback" href="https://github.com/zzzhan/shapefly-diagram/issues"><i class="glyphicon glyphicon-comment"></i></a></div></nav><ul class="nav nav-tabs list-inline notes-tab hidden-print"><li><a href="#" title="New Tab Ctlr+T"><i class="glyphicon glyphicon-plus"></i></a></li></ul><div class="dropdown clearfix notes-tab-menu"><ul class="dropdown-menu center-block"><li><a data-nts-cmd="close" href="#">Close  Ctlr+W</a></li><li><a data-nts-cmd="closeOthers" href="#">Close Others</a></li><li><a data-nts-cmd="closeAll" href="#">Close All</a></li><li><a data-nts-cmd="rename" href="#">Rename</a></li></ul></div><div class="container"><div class="jh2d-editor"><nav class="navbar navbar-default jh2d-editor-toolbar hidden-print"><div class="btn-group btn-group-sm"><button type="button" class="btn btn-default" data-jh-cmd="shape" data-type="line" title="Line" data-mode="4"><i class="sf-ic-line"></i></button> <button type="button" class="btn btn-default" data-jh-cmd="shape" data-type="line" data-header="2" title="Arrow" data-mode="4"><i class="sf-ic-rline"></i></button><div class="btn-group btn-group-sm"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" title="Arrows"><span class="caret"></span></button><ul class="dropdown-menu shapes-dropdown" role="menu"><li><ul class="list-inline"><li><a href="#" data-jh-cmd="shape" data-type="line" data-header="1" data-mode="4"><i class="sf-ic-li-arrow1"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="line" data-header="0x10" data-mode="4"><i class="sf-ic-li-arrow10"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="line" data-header="0x11" data-mode="4"><i class="sf-ic-li-arrow11"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="line" data-header="2" data-mode="4"><i class="sf-ic-li-arrow2"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="line" data-header="0x20" data-mode="4"><i class="sf-ic-li-arrow20"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="line" data-header="0x22" data-mode="4"><i class="sf-ic-li-arrow22"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="line" data-header="0x41" data-mode="4"><i class="sf-ic-li-arrow41"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="line" data-header="0x51" data-mode="4"><i class="sf-ic-li-arrow51"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="line" data-header="0x44" data-mode="4"><i class="sf-ic-li-arrow44"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="line" data-header="0x55" data-mode="4"><i class="sf-ic-li-arrow55"></i></a></li></ul></li></ul></div><button type="button" class="btn btn-default" data-jh-cmd="text" data-type="rect" title="Text Box"><i class="glyphicon glyphicon-font"></i></button> <button type="button" class="btn btn-default" data-jh-cmd="shape" data-type="rect" title="Rectangle"><i class="sf-ic-rect"></i></button> <button type="button" class="btn btn-default" data-jh-cmd="shape" data-type="oval" title="Oval"><i class="sf-ic-oval"></i></button><div class="btn-group btn-group-sm"><button class="btn btn-default dropdown-toggle" id="shapeMenuDropdownMenu" data-toggle="dropdown" title="Shapes
Insert ready-made shapes, such as rectangles and circles,arrows,lines,flowchart symbols and callouts."><i class="caret"></i></button><ul class="dropdown-menu shapes-dropdown" aria-labelledby="shapeMenuDropdownMenu"><li class="dropdown-header">Lines</li><li><ul class="list-inline"><li><a href="#" data-jh-cmd="shape" data-type="line" title="Line" data-mode="4"><i class="sf-ic-line"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="line" data-header="2" title="Arrow" data-mode="4"><i class="sf-ic-rline"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="line" data-header="0x22" title="Double Arrow" data-mode="4"><i class="sf-ic-lrline"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="linex" title="Arc Line"><i class="sf-ic-linex"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="linex" data-header="2" title="Arc Arrow"><i class="sf-ic-rlinex"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="linex" data-header="0x22" title="Arc Double Arrow"><i class="sf-ic-lrlinex"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="linexx" title="Curve Line"><i class="sf-ic-linexx"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="linexx" data-header="2" title="Curve Arrow"><i class="sf-ic-rlinexx"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="linexx" data-header="0x22" title="Curve Double Arrow"><i class="sf-ic-lrlinexx"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="curve" data-mode="3" title="Curve"><i class="sf-ic-curve"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="freeform" data-mode="2" title="Freeform"><i class="sf-ic-freeform"></i></a></li></ul></li><li class="dropdown-header">Rectangles</li><li><ul class="list-inline"><li><a href="#" data-jh-cmd="shape" data-type="rect" title="Rectangle"><i class="sf-ic-rect"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="rrect" title="Rounded Rectangle"><i class="sf-ic-rrect"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="ssrect" title="Snip Single Corner Rectangle"><i class="sf-ic-ssrect"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="sssrect" title="Snip Same Side Corner Rectangle"><i class="sf-ic-sssrect"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="dsrect" title="Snip Diagonal Corner Rectangle"><i class="sf-ic-dsrect"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="sasrrect" title="Snip and Round Single Corner Rectangle"><i class="sf-ic-sasrrect"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="srrect" title="Round Single Corner Rectangle"><i class="sf-ic-srrect"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="ssrrect" title="Round Same Side Corner Rectangle"><i class="sf-ic-ssrrect"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="drect" title=""><i class="sf-ic-drrect"></i></a></li></ul></li><li class="dropdown-header">Basic Shapes</li><li><ul class="list-inline"><li><a href="#" data-jh-cmd="shape" data-type="oval" title="Oval"><i class="sf-ic-oval"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="triangle" title="Triangle"><i class="sf-ic-triangle"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="parallelogram" title="Parallelogram"><i class="sf-ic-parallelogram"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="ladder" title="Trapezoid"><i class="sf-ic-ladder"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="diamond" title="Diamond"><i class="sf-ic-diamond"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="pollygon5" title="Regular Pentagon"><i class="sf-ic-pollygon5"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="pollygon6" title="Hexagon"><i class="sf-ic-pollygon6"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="pollygon7" title="Heptagon"><i class="sf-ic-pollygon7"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="pollygon8" title="Octagon"><i class="sf-ic-pollygon8"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="pollygon10" title="Decagon"><i class="sf-ic-pollygon10"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="pollygon12" title="Dodecagon"><i class="sf-ic-pollygon12"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="pie" title="Pie"><i class="sf-ic-pie"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="chord" title="Chord"><i class="sf-ic-chord"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="teardrop" title="Teardrop"><i class="sf-ic-teardrop"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="frame" title="Frame"><i class="sf-ic-frame"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="halframe" title="Half Frame"><i class="sf-ic-halframe"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="lshape" title="L-Shape"><i class="sf-ic-lshape"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="diagonalstripe" title="Diagonal Stripe"><i class="sf-ic-diagonalstripe"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="cross" title="Cross"><i class="sf-ic-cross"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="missingcorner" title="Plaque"><i class="sf-ic-missingcorner"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="can" title="Can"><i class="sf-ic-can"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="cube" title="Cube"><i class="sf-ic-cube"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="donut" title="Donut"><i class="sf-ic-donut"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="nosymbol" title="[No] Symbol"><i class="sf-ic-nosymbol"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="blockarc" title="Block Arc"><i class="sf-ic-blockarc"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="foldedcorner" title="Folded Corner"><i class="sf-ic-foldedcorner"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="smileyface" title="Smiley Face"><i class="sf-ic-smileyface"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="heart" title="Heart"><i class="sf-ic-heart"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="lightning" title="Lightning Bolt"><i class="sf-ic-lightning"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="sun" title="Sun"><i class="sf-ic-sun"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="moon" title="Moon"><i class="sf-ic-moon"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="cloud" title="Cloud"><i class="sf-ic-cloud"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="arc" title="Arc"><i class="sf-ic-arc"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="brackets" title="Double Bracket"><i class="sf-ic-brackets"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="braces" title="Double Brace"><i class="sf-ic-braces"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="lbracket" title="Left Bracket"><i class="sf-ic-lbracket"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="rbracket" title="Right Bracket"><i class="sf-ic-rbracket"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="lbrace" title="Left Brace"><i class="sf-ic-lbrace"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="rbrace" title="Right Brace"><i class="sf-ic-rbrace"></i></a></li></ul></li><li class="dropdown-header">Block Arrows</li><li><ul class="list-inline"><li><a href="#" data-jh-cmd="shape" data-type="rarrow" title="Right Arrow"><i class="sf-ic-rarrow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="larrow" title="Left Arrow"><i class="sf-ic-larrow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="uarrow" title="Up Arrow"><i class="sf-ic-uarrow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="darrow" title="Down Arrow"><i class="sf-ic-darrow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="lrarrow" title="Left-Right Arrow"><i class="sf-ic-lrarrow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="udarrow" title="Up-Down Arrow"><i class="sf-ic-udarrow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="crossarrow" title="Quad Arrow"><i class="sf-ic-crossarrow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="lruarrow" title="Left-Right-Up Arrow"><i class="sf-ic-lruarrow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="bentarrow" title="Bent Arrow"><i class="sf-ic-bentarrow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="uturnarrow" title="U-Turn Arrow"><i class="sf-ic-uturnarrow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="luarrow" title="Left-Up Arrow"><i class="sf-ic-luarrow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="bentuparrow" title="Bent-Up Arrow"><i class="sf-ic-bentuparrow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="curvedlarraow" title="Curved Right Arrow"><i class="sf-ic-curvedlarraow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="curvedrarraow" title="Curved Left Arrow"><i class="sf-ic-curvedrarraow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="curveddarraow" title="Curved Up Arrow"><i class="sf-ic-curveddarraow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="curveduarraow" title="Curved Down Arrow"><i class="sf-ic-curveduarraow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="stripedrarrow" title="Notched Right Arrow"><i class="sf-ic-stripedrarrow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="forkedtailarrow" title="Notched Right Arrow"><i class="sf-ic-forkedtailarrow"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="pentagon" title="Pentagon"><i class="sf-ic-pentagon"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="forkedtail" title="Chevron"><i class="sf-ic-forkedtail"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="rarrowcallout" title="Right Arrow Callout"><i class="sf-ic-rarrowcallout"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="larrowcallout" title="Left Arrow Callout"><i class="sf-ic-larrowcallout"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="circulararrow" title="Circular Arrow"><i class="sf-ic-circulararrow"></i></a></li></ul></li><li class="dropdown-header">Flowchart</li><li><ul class="list-inline"><li><a href="#" data-jh-cmd="shape" data-type="process" title="Flowchart: Process"><i class="sf-ic-process"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="altproc" title="Flowchart: Alternate Process"><i class="sf-ic-altproc"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="decision" title="Flowchart: Decision"><i class="sf-ic-decision"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="data" title="Flowchart: Data"><i class="sf-ic-data"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="predefproc" title="Flowchart: Predefined Process"><i class="sf-ic-predefproc"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="interstorage" title="Flowchart: Interal Storage"><i class="sf-ic-interstorage"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="doc" title="Flowchart: Document"><i class="sf-ic-doc"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="docs" title="Flowchart: Multidocument"><i class="sf-ic-docs"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="terminator" title="Flowchart: Terminator"><i class="sf-ic-terminator"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="preparation" title="Flowchart: Preparation"><i class="sf-ic-preparation"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="manualinput" title="Flowchart: Manual Input"><i class="sf-ic-manualinput"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="manualoper" title="Flowchart: Manual Operation"><i class="sf-ic-manualoper"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="connector" title="Flowchart: Connector"><i class="sf-ic-connector"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="offpageconn" title="Flowchart: Off-page Connector"><i class="sf-ic-offpageconn"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="card" title="Flowchart: Card"><i class="sf-ic-card"></i></a></li><li><a href="#" data-type="punchedtape" title="Flowchart: Punched Tape"><i class="sf-ic-punchedtape"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="summingjunction" title="Flowchart: Summing Junction"><i class="sf-ic-summingjunction"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="or" title="Flowchart: Or"><i class="sf-ic-or"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="collate" title="Flowchart: Collate"><i class="sf-ic-collate"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="sort" title="Flowchart: Sort"><i class="sf-ic-sort"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="extract" title="Flowchart: Extract"><i class="sf-ic-extract"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="merge" title="Flowchart: Merge"><i class="sf-ic-merge"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="storeddata" title="Flowchart: Stored Data"><i class="sf-ic-storeddata"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="delay" title="Flowchart: Delay"><i class="sf-ic-delay"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="seqstorage" title="Flowchart: Sequential Access Storage"><i class="sf-ic-seqstorage"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="magstorage" title="Flowchart: Magnetic Storage"><i class="sf-ic-magstorage"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="directstorage" title="Flowchart: Direct Access Storage"><i class="sf-ic-directstorage"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="display" title="Flowchart: Display"><i class="sf-ic-display"></i></a></li></ul></li><li class="dropdown-header">Stars and Banners</li><li><ul class="list-inline"><li><a href="#" data-jh-cmd="shape" data-type="explosion" title="Explosion"><i class="sf-ic-explosion"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="star4" title="4-Point Star"><i class="sf-ic-star4"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="star5" title="5-Point Star"><i class="sf-ic-star5"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="star6" title="6-Point Star"><i class="sf-ic-star6"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="star7" title="7-Point Star"><i class="sf-ic-star7"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="star8" title="8-Point Star"><i class="sf-ic-star8"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="star10" title="10-Point Star"><i class="sf-ic-star10"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="star12" title="12-Point Star"><i class="sf-ic-star12"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="star16" title="16-Point Star"><i class="sf-ic-star16"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="star24" title="24-Point Star"><i class="sf-ic-star24"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="star32" title="32-Point Star"><i class="sf-ic-star32"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="uribbon" title=""><i class="sf-ic-uribbon"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="dribbon" title=""><i class="sf-ic-dribbon"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="curveduribbon" title=""><i class="sf-ic-curveduribbon"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="curveddribbon" title=""><i class="sf-ic-curveddribbon"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="vscroll" title=""><i class="sf-ic-vscroll"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="hscroll" title=""><i class="sf-ic-hscroll"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="wave" title="Wave"><i class="sf-ic-wave"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="wave2" title="Double Wave"><i class="sf-ic-wave2"></i></a></li></ul></li><li class="dropdown-header">Callouts</li><li><ul class="list-inline"><li><a href="#" data-jh-cmd="shape" data-type="rectcallout" title="Rectangular Callout"><i class="sf-ic-rectcallout"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="rrectcallout" title="Rounded Rectangular Callout"><i class="sf-ic-rrectcallout"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="ovalcallout" title="Oval Callout"><i class="sf-ic-ovalcallout"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="linecallout1" title="Line Callout1"><i class="sf-ic-linecallout1"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="linecallout2" title="Line Callout2"><i class="sf-ic-linecallout2"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="linecallout3" title="Line Callout3"><i class="sf-ic-linecallout3"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="linecallout1" data-accent="true" title="Line callout1(Border and Accent Bar)"><i class="sf-ic-linecallout10"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="linecallout2" data-accent="true" title="Line callout2(Border and Accent Bar)"><i class="sf-ic-linecallout11"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="linecallout3" data-accent="true" title="Line callout3(Border and Accent Bar)"><i class="sf-ic-linecallout12"></i></a></li></ul></li><li class="dropdown-header">Equation</li><li><ul class="list-inline"><li><a href="#" data-jh-cmd="shape" data-type="plus" title="Plus"><i class="sf-ic-plus"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="minus" title="Minus"><i class="sf-ic-minus"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="multiply" title="Multiply"><i class="sf-ic-multiply"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="division" title="Division"><i class="sf-ic-division"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="equal" title="Equal"><i class="sf-ic-equal"></i></a></li><li><a href="#" data-jh-cmd="shape" data-type="notequal" title="Notequal"><i class="sf-ic-notequal"></i></a></li></ul></li></ul></div></div><div class="btn-group btn-group-sm"><button type="button" class="btn btn-default" title="Copy Style
Copy the selected shape style, then click another shape to apply." data-jh-cmd="copystyle"><i class="glyphicon glyphicon-copy"></i></button> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" title="Quick Style
Choose the visual style for the shape or line."><span class="caret"></span></button><ul class="dropdown-menu quick-style-menu" role="menu"><li><ul class="list-inline"><li><a href="#" data-jh-cmd="quickstyle" data-param="0"><i class="sf-ic-x-qs-outline-black"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="1"><i class="sf-ic-x-qs-outline-blue"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="2"><i class="sf-ic-x-qs-outline-green"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="3"><i class="sf-ic-x-qs-outline-light-blue"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="4"><i class="sf-ic-x-qs-outline-orange"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="5"><i class="sf-ic-x-qs-outline-red"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="6"><i class="sf-ic-x-qs-fill-black"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="7"><i class="sf-ic-x-qs-fill-blue"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="8"><i class="sf-ic-x-qs-fill-green"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="9"><i class="sf-ic-x-qs-fill-light-blue"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="10"><i class="sf-ic-x-qs-fill-orange"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="11"><i class="sf-ic-x-qs-fill-red"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="12"><i class="sf-ic-x-qs-outline-fill-black"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="13"><i class="sf-ic-x-qs-outline-fill-blue"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="14"><i class="sf-ic-x-qs-outline-fill-green"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="15"><i class="sf-ic-x-qs-outline-fill-light-blue"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="16"><i class="sf-ic-x-qs-outline-fill-orange"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="17"><i class="sf-ic-x-qs-outline-fill-red"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="18"><i class="sf-ic-x-qs-subtle-effect-black"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="19"><i class="sf-ic-x-qs-subtle-effect-blue"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="20"><i class="sf-ic-x-qs-subtle-effect-green"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="21"><i class="sf-ic-x-qs-subtle-effect-light-blue"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="22"><i class="sf-ic-x-qs-subtle-effect-orange"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="23"><i class="sf-ic-x-qs-subtle-effect-red"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="24"><i class="sf-ic-x-qs-moderate-effect-black"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="25"><i class="sf-ic-x-qs-moderate-effect-blue"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="26"><i class="sf-ic-x-qs-moderate-effect-green"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="27"><i class="sf-ic-x-qs-moderate-effect-light-blue"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="28"><i class="sf-ic-x-qs-moderate-effect-orange"></i></a></li><li><a href="#" data-jh-cmd="quickstyle" data-param="29"><i class="sf-ic-x-qs-moderate-effect-red"></i></a></li></ul></li></ul></div><div class="btn-group btn-group-sm"><button class="btn btn-default btn-sm dropdown-toggle" id="shadowDropdownMenu" data-toggle="dropdown" title="Shadow"><i class="sfd-ic-s-shadow"></i> <b class="caret"></b></button><ul class="dropdown-menu shadow-dropdown" aria-labelledby="shadowDropdownMenu"><li class="dropdown-header">Shadow</li><li><ul class="list-inline"><li><a href="#" data-jh-cmd="shadow" data-param="0" title="Shadow On Right"><i class="sfd-ic-sd-r"></i></a></li><li><a href="#" data-jh-cmd="shadow" data-param="1" title="Shadow On Bottom Right"><i class="sfd-ic-sd-rd"></i></a></li><li><a href="#" data-jh-cmd="shadow" data-param="2" title="Shadow On Bottom"><i class="sfd-ic-sd-d"></i></a></li><li><a href="#" data-jh-cmd="shadow" data-param="3" title="Shadow On Bottom Left"><i class="sfd-ic-sd-ld"></i></a></li><li><a href="#" data-jh-cmd="shadow" data-param="4" title="Shadow On Left"><i class="sfd-ic-sd-l"></i></a></li><li><a href="#" data-jh-cmd="shadow" data-param="5" title="Shadow On Top Left"><i class="sfd-ic-sd-lu"></i></a></li><li><a href="#" data-jh-cmd="shadow" data-param="6" title="Shadow On Top"><i class="sfd-ic-sd-u"></i></a></li><li><a href="#" data-jh-cmd="shadow" data-param="7" title="Shadow On Top Right"><i class="sfd-ic-sd-ru"></i></a></li><li><a href="#" data-jh-cmd="shadow" data-param="8" title="Shadow On Center"><i class="sfd-ic-sd-c"></i></a></li></ul></li><li><a href="#" data-jh-cmd="shadow" data-param="-1">None Shadow</a></li><li class="dropdown dropdown-alpha"><a href="#" data-toggle="dropdown">Alpha<span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#" data-jh-cmd="alpha" data-param="0">None Alpha</a></li><li><a href="#" data-jh-cmd="alpha" data-param="0.2">0.2</a></li><li><a href="#" data-jh-cmd="alpha" data-param="0.4">0.4</a></li><li><a href="#" data-jh-cmd="alpha" data-param="0.6">0.6</a></li><li><a href="#" data-jh-cmd="alpha" data-param="0.8">0.8</a></li></ul></li></ul></div><div class="btn-group btn-group-sm"><button type="button" class="btn btn-default dropdown-toggle" id="zoomBtn" data-toggle="dropdown" title="Zoom Level"><span></span><span class="caret"></span></button><ul class="dropdown-menu" role="menu"><li><a href="#" data-jh-cmd="zoom" data-param="4">400%</a></li><li><a href="#" data-jh-cmd="zoom" data-param="2">200%</a></li><li><a href="#" data-jh-cmd="zoom" data-param="1">100%</a></li><li><a href="#" data-jh-cmd="zoom" data-param="0.66">66%</a></li><li><a href="#" data-jh-cmd="zoom" data-param="0.5">50%</a></li><li><a href="#" data-jh-cmd="zoom" data-param="0.33">33%</a></li></ul><button type="button" class="btn btn-default" title="Zoom In" data-jh-cmd="zoom" data-opt="1" data-param="0.1"><i class="glyphicon glyphicon-plus"></i></button> <button type="button" class="btn btn-default" title="Zoom Out" data-jh-cmd="zoom" data-opt="-1" data-param="0.1"><i class="glyphicon glyphicon-minus"></i></button></div></nav><div class="jh2d-canvas"><div class="jh2d-text-box" contenteditable="true"></div><div class="dropdown clearfix ctx-menu"><ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display:block;position:static;margin-bottom:5px"><li><a tabindex="-1" data-jh-cmd="edit" href="#">Edit Text</a></li><li class="divider"></li><li><a tabindex="-1" data-jh-cmd="group" data-param="group" href="#">Group</a></li><li><a tabindex="-1" data-jh-cmd="group" data-param="ungroup" href="#">Ungroup</a></li><li class="divider"></li><li><a data-jh-cmd="layer" data-param="bring2Forward" href="#">Bring Up</a></li><li><a data-jh-cmd="layer" data-param="send2Backward" href="#">Send Back</a></li><li><a data-jh-cmd="layer" data-param="bring2Front" href="#">On Top</a></li><li><a data-jh-cmd="layer" data-param="send2Back" href="#">On Bottom</a></li><li class="divider"></li><li class="dropdown disabled"><a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Align<span class="caret"></span></a><ul class="dropdown-menu"><li><a data-jh-cmd="align" data-param="0" href="#">Left</a></li><li><a data-jh-cmd="align" data-param="1" href="#">Right</a></li><li><a data-jh-cmd="align" data-param="4" href="#">Top</a></li><li><a data-jh-cmd="align" data-param="5" href="#">Bottom</a></li><li><a data-jh-cmd="align" data-param="6" href="#">Vertical Center</a></li><li><a data-jh-cmd="align" data-param="2" href="#">Horizontal Center</a></li></ul></li></ul></div><div class="style-toolbar"><div class="btn-group btn-group-sm"><div class="btn-group btn-group-sm colorpickerplus-dropdown"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-unchecked"></span> <b class="caret"></b></button><ul class="dropdown-menu"><li class="disabled"><div class="colorpickerplus-container" data-name="fillStyle"></div></li><li class="dropdown dropdown-gradient"><a href="#" data-toggle="dropdown">Gradient<span class="caret"></span></a><ul class="dropdown-menu gradient-style"><li><ul class="list-inline"><li><a href="#" data-gd="1"><i class="sfd-ic-gd-r"></i></a></li><li><a href="#" data-gd="1" data-gd-reversed="1"><i class="sfd-ic-gd-r-r"></i></a></li><li><a href="#" data-gd="1" data-gd-split="3"><i class="sfd-ic-gd-r-m"></i></a></li><li><a href="#" data-gd="1" data-gd-split="3" data-gd-reversed="1"><i class="sfd-ic-gd-r-m-r"></i></a></li><li><a href="#" data-gd="2"><i class="sfd-ic-gd-u"></i></a></li><li><a href="#" data-gd="2" data-gd-reversed="1"><i class="sfd-ic-gd-u-r"></i></a></li><li><a href="#" data-gd="2" data-gd-split="3"><i class="sfd-ic-gd-u-m"></i></a></li><li><a href="#" data-gd="2" data-gd-split="3" data-gd-reversed="1"><i class="sfd-ic-gd-u-m-r"></i></a></li><li><a href="#" data-gd="3"><i class="sfd-ic-gd-ru"></i></a></li><li><a href="#" data-gd="3" data-gd-reversed="1"><i class="sfd-ic-gd-ru-r"></i></a></li><li><a href="#" data-gd="3" data-gd-split="3"><i class="sfd-ic-gd-ru-m"></i></a></li><li><a href="#" data-gd="3" data-gd-split="3" data-gd-reversed="1"><i class="sfd-ic-gd-ru-m-r"></i></a></li><li><a href="#" data-gd="6"><i class="sfd-ic-gd-lu"></i></a></li><li><a href="#" data-gd="6" data-gd-reversed="1"><i class="sfd-ic-gd-lu-r"></i></a></li><li><a href="#" data-gd="6" data-gd-split="3"><i class="sfd-ic-gd-lu-m"></i></a></li><li><a href="#" data-gd="6" data-gd-split="3" data-gd-reversed="1"><i class="sfd-ic-gd-lu-m-r"></i></a></li><li><a href="#" data-gd="0" data-gdt="1"><i class="sfd-ic-gd-c"></i></a></li><li><a href="#" data-gd="0" data-gdt="1" data-gd-reversed="1"><i class="sfd-ic-gd-c-r"></i></a></li><li><a href="#" data-gd="0" data-gdt="1" data-gd-split="3"><i class="sfd-ic-gd-c-m"></i></a></li><li><a href="#" data-gd="0" data-gdt="1" data-gd-split="3" data-gd-reversed="1"><i class="sfd-ic-gd-c-m-r"></i></a></li><li><a href="#" data-gd="12" data-gdt="1"><i class="sfd-ic-gd-c-ru"></i></a></li><li><a href="#" data-gd="9" data-gdt="1"><i class="sfd-ic-gd-c-lu"></i></a></li><li><a href="#" data-gd="3" data-gdt="1"><i class="sfd-ic-gd-c-ld"></i></a></li><li><a href="#" data-gd="6" data-gdt="1"><i class="sfd-ic-gd-c-rd"></i></a></li></ul></li></ul></li><li class="dropdown dropdown-texture"><a href="#" data-toggle="dropdown">Texture<span class="caret"></span></a><ul class="dropdown-menu texture-style"><li><ul class="list-inline"><li><a href="#" data-pattern="t_t0"><i class="sf-ic-t-tt0"></i></a></li><li><a href="#" data-pattern="t_t1"><i class="sf-ic-t-tt1"></i></a></li><li><a href="#" data-pattern="t_t2"><i class="sf-ic-t-tt2"></i></a></li><li><a href="#" data-pattern="t_t3"><i class="sf-ic-t-tt3"></i></a></li><li><a href="#" data-pattern="t_t4"><i class="sf-ic-t-tt4"></i></a></li><li><a href="#" data-pattern="t_t5"><i class="sf-ic-t-tt5"></i></a></li><li><a href="#" data-pattern="t_t6"><i class="sf-ic-t-tt6"></i></a></li><li><a href="#" data-pattern="t_t7"><i class="sf-ic-t-tt7"></i></a></li><li><a href="#" data-pattern="t_t8"><i class="sf-ic-t-tt8"></i></a></li><li><a href="#" data-pattern="t_t9"><i class="sf-ic-t-tt9"></i></a></li><li><a href="#" data-pattern="t_t10"><i class="sf-ic-t-tt10"></i></a></li><li><a href="#" data-pattern="t_t11"><i class="sf-ic-t-tt11"></i></a></li><li><a href="#" data-pattern="t_t12"><i class="sf-ic-t-tt12"></i></a></li><li><a href="#" data-pattern="t_t13"><i class="sf-ic-t-tt13"></i></a></li><li><a href="#" data-pattern="t_t14"><i class="sf-ic-t-tt14"></i></a></li><li><a href="#" data-pattern="t_t15"><i class="sf-ic-t-tt15"></i></a></li><li><a href="#" data-pattern="t_t16"><i class="sf-ic-t-tt16"></i></a></li><li><a href="#" data-pattern="t_t17"><i class="sf-ic-t-tt17"></i></a></li><li><a href="#" data-pattern="t_t18"><i class="sf-ic-t-tt18"></i></a></li><li><a href="#" data-pattern="t_t19"><i class="sf-ic-t-tt19"></i></a></li><li><a href="#" data-pattern="t_t20"><i class="sf-ic-t-tt20"></i></a></li><li><a href="#" data-pattern="t_t21"><i class="sf-ic-t-tt21"></i></a></li><li><a href="#" data-pattern="t_t22"><i class="sf-ic-t-tt22"></i></a></li><li><a href="#" data-pattern="t_t23"><i class="sf-ic-t-tt23"></i></a></li><li><a href="#" data-pattern="t_t24"><i class="sf-ic-t-tt24"></i></a></li></ul></li></ul></li><li class="dropdown dropdown-pattern"><a href="#" data-toggle="dropdown">Pattern<span class="caret"></span></a><ul class="dropdown-menu pattern-style"><li><ul class="list-inline"><li><a href="#" data-pattern="p_x1"><i class="sf-ic-p-px1"></i></a></li><li><a href="#" data-pattern="p_x2"><i class="sf-ic-p-px2"></i></a></li><li><a href="#" data-pattern="p_x3"><i class="sf-ic-p-px3"></i></a></li><li><a href="#" data-pattern="p_x4"><i class="sf-ic-p-px4"></i></a></li><li><a href="#" data-pattern="p_x5"><i class="sf-ic-p-px5"></i></a></li><li><a href="#" data-pattern="p_x6"><i class="sf-ic-p-px6"></i></a></li><li><a href="#" data-pattern="p_x7"><i class="sf-ic-p-px7"></i></a></li><li><a href="#" data-pattern="p_x8"><i class="sf-ic-p-px8"></i></a></li><li><a href="#" data-pattern="p_x9"><i class="sf-ic-p-px9"></i></a></li><li><a href="#" data-pattern="p_l1"><i class="sf-ic-p-pl1"></i></a></li><li><a href="#" data-pattern="p_l2"><i class="sf-ic-p-pl2"></i></a></li><li><a href="#" data-pattern="p_l3"><i class="sf-ic-p-pl3"></i></a></li><li><a href="#" data-pattern="p_l4"><i class="sf-ic-p-pl4"></i></a></li><li><a href="#" data-pattern="p_l5"><i class="sf-ic-p-pl5"></i></a></li><li><a href="#" data-pattern="p_l6"><i class="sf-ic-p-pl6"></i></a></li><li><a href="#" data-pattern="p_l7"><i class="sf-ic-p-pl7"></i></a></li><li><a href="#" data-pattern="p_l8"><i class="sf-ic-p-pl8"></i></a></li><li><a href="#" data-pattern="p_l9"><i class="sf-ic-p-pl9"></i></a></li><li><a href="#" data-pattern="p_20"><i class="sf-ic-p-p20"></i></a></li><li><a href="#" data-pattern="p_21"><i class="sf-ic-p-p21"></i></a></li><li><a href="#" data-pattern="p_22"><i class="sf-ic-p-p22"></i></a></li><li><a href="#" data-pattern="p_29"><i class="sf-ic-p-p29"></i></a></li><li><a href="#" data-pattern="p_30"><i class="sf-ic-p-p30"></i></a></li><li><a href="#" data-pattern="p_31"><i class="sf-ic-p-p31"></i></a></li></ul></li></ul></li><li class="dropdown dropdown-picture"><a href="#" data-toggle="dropdown">Picture<span class="caret"></span></a><ul class="dropdown-menu"><li><div class="input-group input-group-sm"><input type="text" name="fillImage" class="form-control" value="//"></div></li></ul></li></ul></div><div class="btn-group btn-group-sm colorpickerplus-dropdown"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-pencil"><span class="line"></span></span> <b class="caret"></b></button><ul class="dropdown-menu"><li class="disabled"><div class="colorpickerplus-container" data-name="strokeStyle"></div></li><li class="dropdown"><a href="#" data-toggle="dropdown">Weight<span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#" data-lw="0">0px</a></li><li><a href="#" data-lw="1">1px<span class="stroke-size-1px"></span></a></li><li><a href="#" data-lw="2">2px<span class="stroke-size-2px"></span></a></li><li><a href="#" data-lw="3">3px<span class="stroke-size-3px"></span></a></li><li><a href="#" data-lw="4">4px<span class="stroke-size-4px"></span></a></li><li><a href="#" data-lw="5">5px<span class="stroke-size-5px"></span></a></li><li><a href="#" data-lw="6">6px<span class="stroke-size-6px"></span></a></li><li><a href="#" data-lw="7">7px<span class="stroke-size-7px"></span></a></li></ul></li><li class="dropdown"><a href="#" data-toggle="dropdown">Dashed<span class="caret"></span></a><ul class="dropdown-menu"><li><ul class="list-inline"><li><a href="#" data-dashed="undefined"><i class="sf-ic-li-arrow0"></i></a></li><li><a href="#" data-dashed="0"><i class="sf-ic-li-dashed0"></i></a></li><li><a href="#" data-dashed="1"><i class="sf-ic-li-dashed1"></i></a></li><li><a href="#" data-dashed="2"><i class="sf-ic-li-dashed2"></i></a></li></ul></li></ul></li></ul></div><div class="btn-group btn-group-sm colorpickerplus-dropdown"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-font"><span class="line"></span></span> <b class="caret"></b></button><ul class="dropdown-menu"><li class="disabled"><div class="colorpickerplus-container" data-name="text-fill"></div></li><li class="dropdown"><a href="#" data-toggle="dropdown">Size<span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#" data-text-size="9">9</a></li><li><a href="#" data-text-size="10">10</a></li><li><a href="#" data-text-size="18">18</a></li><li><a href="#" data-text-size="20">20</a></li><li><a href="#" data-text-size="100">100</a></li></ul></li><li class="dropdown"><a href="#" data-toggle="dropdown">Style<span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#" data-text-style="normal">Normal</a></li><li><a href="#" data-text-style="bold">Bold</a></li><li><a href="#" data-text-style="italic">Italic</a></li></ul></li><li class="dropdown"><a href="#" data-toggle="dropdown">Font<span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#" data-text-font="Serif" style="font-family:Serif">Serif</a></li><li><a href="#" data-text-font="Calibri" style="font-family:Calibri">Calibri</a></li><li><a href="#" data-text-font="Times" style="font-family:Times">Times</a></li><li><a href="#" data-text-font="Fantasy" style="font-family:Fantasy">Fantasy</a></li><li><a href="#" data-text-font="Cursive" style="font-family:Cursive">Cursive</a></li><li><a href="#" data-text-font="Arial" style="font-family:Arial">Arial</a></li></ul></li><li class="dropdown"><a href="#" data-toggle="dropdown">Align<span class="caret"></span></a><ul class="dropdown-menu"><li><a href="#" data-text-pos="0">Center</a></li><li><a href="#" data-text-pos="4">Left</a></li><li><a href="#" data-text-pos="1">Right</a></li><li><a href="#" data-text-pos="2">Top</a></li><li><a href="#" data-text-pos="8">Bottom</a></li></ul></li></ul></div></div></div><canvas><canvas><canvas></div><img src="dist/img/bootstrap-jh2d-editor/textures.png" class="sf-textures hide"></div></div></div><div class="modal fade" id="myMsgBox" tabindex="-1" role="dialog" data-locales="Alert,Confirm,Prompt"><div class="modal-dialog modal-sm" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><h4 class="modal-title"></h4></div><div class="modal-body"><p class="text-danger"></p><div class="form-group hidden"><label for="__prompt" class="control-label"></label><input type="text" class="form-control" id="__prompt"></div></div><div class="modal-footer"><button type="button" class="btn btn-primary" data-which="1" data-dismiss="modal">Yes</button> <button type="button" class="btn btn-danger" data-which="-1" data-dismiss="modal">No</button> <button type="button" class="btn btn-default" data-which="0" data-dismiss="modal">Cancel</button></div></div></div></div><script src="//cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script><script src="//cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script><script src="dist/js/shapefly-diagram.min.js"></script><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-80976827-1', 'auto');
ga('send', 'pageview');</script></body></html>