Outils pour utilisateurs

Outils du site

Piste:
wiki:bacasable (lu 21660 fois)

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision 		Révision précédente
wiki:bacasable [12-09-2008 13:39]
edmc73 ancienne révision restaurée 		wiki:bacasable [04-04-2013 22:06] (Version actuelle)
Ligne 36: Ligne 36:
 {{playground:coucher_de_soleil.jpg|}} {{playground:coucher_de_soleil.jpg|}}
  
 +
 +===== Syntax =====
 +
 +The syntax wraps any [[http://ditaa.sourceforge.net/|ditaa formatted]] ASCII flowchart into %%<ditaa></ditaa>%% tags. The opening tag can have several additional optional parameters (see below).
 +
 +<code html>
 +<ditaa [optional parameters]>
 +
 +... (some ditaa-code) ...
 +
 +</ditaa>
 +</code>
 +
 +==== Parameters ====
 +
 +^ Parameter           ^ Default       ^ Description ^
 +| width=//<num>//     | width=0       | Rescale the final image to this width. When set to 0, diita will choose the needed width and no rescaling is done. |
 +| height=//<num>//    | height=0      | Same as above but for height. Only works when a width is given as well |
 +| //<num>//x//<num>// | 0x0           | Combines the above parameters into one. That's a lowercase x! |
 +| <float>X            | 1.0X          | Tells ditaa to scale the image. Eg. 2.0X makes the final image twice as big. That's an uppercase X |
 +| (no)round           | noround       | Enable or disable round corners for all boxes |
 +| (no)shadow          | shadow        | Enable or disable box shadows |
 +| (no)antialias       | antialias     | Enable or disable antialiasing |
 +| (no)edgesep         | edgesep       | Enable or disabling the separation of box edges where boxes directly touch |
 +| left center right   |               | Align the image to the left, center or right. Default does no alignment (inline)|
 +
 +===== Possible tags =====
 +
 +Not all shape selector tags are documented on the ditaa site. A quick source scan revealed:
 +
 +^ tag  ^ Description   ^
 +| {c}  | decision(Choice)  |
 +| {d}  | document  |
 +| {io} | input/output, parallelogram  |
 +| {mo} | manual operation  |
 +| {o}  | ellipse, circle  |
 +| {s}  | storage  |
 +| {tr} | trapezoid (looks like an inverted {mo} )  |
 +
 +
 +===== Example =====
 +
 +
 +<code>
 +<ditaa round noedgesep>
 +    +--------+   +-------+    +-------+
 +    |        | --+ ditaa +--> |       |
 +    |  Text  |   +-------+    |diagram|
 +    |Document|   |!magic!|    |       |
 +    |     {d}|   |       |    |       |
 +    +---+----+   +-------+    +-------+
 +        :                         ^
 +        |       Lots of work      |
 +        +-------------------------+
 +</ditaa>
 +</code>
 +
 +<ditaa round noedgesep>
 +    +--------+   +-------+    +-------+
 +    |        | --+ ditaa +--> |       |
 +    |  Text  |   +-------+    |diagram|
 +    |Document|   |!magic!|    |       |
 +    |     {d}|   |       |    |       |
 +    +---+----+   +-------+    +-------+
 +        :                         ^
 +        |       Lots of work      |
 +        +-------------------------+
 +</ditaa>
 +
 +
 +<ditaa round noedgesep>
 +/----\ /----\
 +|c33F| |cC02|
 +|    | |    |
 +\----/ \----/
 +
 +/----\ /----\
 +|c1FF| |c1AB|
 +|    | |    |
 +\----/ \----/
 +</ditaa>
 +
 +<ditaa round noedgesep>
 +/-----------------\
 +| Things to do    |
 +| cGRE            |
 +| o Cut the grass |
 +| o Buy jam       |
 +| o Fix car       |
 +| o Make website  |
 +\-----------------/
 +</ditaa>
 +
 +
 +<ditaa round>
 +/--\/--\/--\          v
 +|  ||  ||  |
 +|  ++  ++  | +----+---+----+----+---+---+---+
 +\\  cDB6  // |    |{o}|    |    |{c}|{s}|   |
 + | /----\ |  |{tr}|   |{mo}|{io}|   |   |{d}|
 + | |c733| |  +----+---+----+----+---+---+---+
 + +-+----+-+
 +            +-------+
 ++-------+   |       |    +---------+
 +|cFDA   |   |{c}    |    |eat cFF8 +
 +|wake up+-->+hungry?+--->|breakfast|
 +| {o}   |   | cDBF  |Y   +----+----+
 ++-------+   |       |         |
 +            +---+---+         v
 +                |N       +-----------+
 +                +------->| save c9FB |
 +                         | planet{mo}|
 +                         +-----------+
 +
 +      /-----------------------\
 +      |         ditaa         |
 +      |  /- /\ +\/+ +\ |  +-  |
 +      |  \\ ++ |\/| +/ |  +-  |
 +      |  -/ || |  | |  +- +-  |
 +      |     cDEF {o}          |
 +      \-----------------------/
 +</ditaa>
 +
 +==== Test ====
 +<ditaa round>
 ++--------+
 +| Aroun Thasief |
 +|            |
 +|            |
 ++-------+
 +</ditaa>
wiki/bacasable.1221219564.txt.gz · Dernière modification: 04-04-2013 22:05 (modification externe)

Outils de la page

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki