Documentation du Dr FRAPPE

Ce wiki regroupe les résultats de mes expériences en informatique accumulés au cours de mes recherches sur le net.

Dans la mesure du possible, j'ai cité mes sources ; il en manque certainement… :-)

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édentesRévision précédente
Prochaine révision		Révision précédente
logiciel:internet:dokuwiki:plugins:a2s:start [2020/10/23 08:55] – adminlogiciel:internet:dokuwiki:plugins:a2s:start [2022/10/01 23:26] (Version actuelle) – modification externe 127.0.0.1
Ligne 1: Ligne 1:
 {{tag>Logiciel}} {{tag>Logiciel}}
  
-====== A2S : Diagramme ASCII ======+====== a2s : Diagramme ASCII ======
  
 Le plugin **a2s** transforme les graphiques ASCII (boîtes, lignes et flèches) en images SVG. Le plugin **a2s** transforme les graphiques ASCII (boîtes, lignes et flèches) en images SVG.
Ligne 9: Ligne 9:
 Il est compatible avec le plugin d'exportation ODT. Il est compatible avec le plugin d'exportation ODT.
  
-====== Pré-requis ======+===== Pré-requis =====
  
-====== Installation ======+===== Installation =====
  
 Recherchez et installez le plugin **a2s** à l'aide du gestionnaire d'extensions. Recherchez et installez le plugin **a2s** à l'aide du gestionnaire d'extensions.
  
-====== Configuration ======+===== Configuration =====
  
-====== Utilisation ======+===== Utilisation =====
  
-===== Syntaxe =====+==== Syntaxe ====
  
 Le document de référence se trouve sur le site [[https://github.com/dhobsd/asciitosvg/|ASCIIToSVG]]. Le document de référence se trouve sur le site [[https://github.com/dhobsd/asciitosvg/|ASCIIToSVG]].
Ligne 36: Ligne 36:
       - En bas du dessin, pour chaque forme identifiée, ajoutez une seule ligne avec l'identifiant et un ensemble JSON de propriétés.       - En bas du dessin, pour chaque forme identifiée, ajoutez une seule ligne avec l'identifiant et un ensemble JSON de propriétés.
  
-===== Styliser les formes et les relier =====+==== Styliser les formes et les relier ====
  
 Les couleurs sont exprimées : Les couleurs sont exprimées :
Ligne 45: Ligne 45:
  
 Paramètres de style disponibles : Paramètres de style disponibles :
-  ? fill color+  ; fill color
   : <code - >“fill”:“color”</code>. Exemple :<code - >   : <code - >“fill”:“color”</code>. Exemple :<code - >
 "fill":"#88d" "fill":"#88d"
Ligne 51: Ligne 51:
 "fill":"LemonChiffon" "fill":"LemonChiffon"
 "fill":"blue"</code> "fill":"blue"</code>
-  ? border stroke color+  ; border stroke color
   : <code - >“stroke”:“color”</code>. Exemple :<code - >   : <code - >“stroke”:“color”</code>. Exemple :<code - >
 "stroke":"#88d" "stroke":"#88d"
Ligne 57: Ligne 57:
 "stroke":"LemonChiffon" "stroke":"LemonChiffon"
 "stroke":"blue"</code> "stroke":"blue"</code>
-  ? border stroke width+  ; border stroke width
   : <code - >“stroke-width”</code>. Example :<code - >   : <code - >“stroke-width”</code>. Example :<code - >
 "stroke-width":7</code> "stroke-width":7</code>
-  ? border stroke dash+  ; border stroke dash
   : Une série de paires de longueur de tiret et de longueur d'espace. Exemples :<code - >   : Une série de paires de longueur de tiret et de longueur d'espace. Exemples :<code - >
 "stroke-dasharray":"5 5" "stroke-dasharray":"5 5"
 "stroke-dasharray":"5 5 10 3 2 8"</code> "stroke-dasharray":"5 5 10 3 2 8"</code>
-  ? shape+  ; shape
   : <code - >“a2s:type”:“shapename”</code> où nom de forme est l'un parmi cloud, computer, diamond, document, storage, printer. Exemples :<code - >   : <code - >“a2s:type”:“shapename”</code> où nom de forme est l'un parmi cloud, computer, diamond, document, storage, printer. Exemples :<code - >
 "a2s:type":"cloud" "a2s:type":"cloud"
 "a2s:type":"storage" "a2s:type":"storage"
 </code> </code>
-  ? link+  ; link
   : <code - >“a2s:link”:“linktext”</code>   : <code - >“a2s:link”:“linktext”</code>
   : où linktext est un lien wiki interne, un lien interwiki ou un lien classique <code - >protocol://server/resource</code>.   : où linktext est un lien wiki interne, un lien interwiki ou un lien classique <code - >protocol://server/resource</code>.
Ligne 79: Ligne 79:
 "a2s:link":"https://github.com/schplurtz/a2s" "a2s:link":"https://github.com/schplurtz/a2s"
 "a2s:link":"ftp://ftp.debian.org/debian/README"</code> "a2s:link":"ftp://ftp.debian.org/debian/README"</code>
-  ? suppression de l'identifiant+  ; suppression de l'identifiant
   : Par défaut, l'id est laissé dans l'image. Il est possible de le supprimer à l'aide de ce code<code - >   : Par défaut, l'id est laissé dans l'image. Il est possible de le supprimer à l'aide de ce code<code - >
 "a2s:delref":true</code> "a2s:delref":true</code>
Ligne 86: Ligne 86:
 <code - >[0]: {"fill":"#d48","stroke":"#F50078","stroke-dasharray":"5 5","stroke-width":4,"a2s:type":"cloud","a2s:delref":true,"a2s:link":"https://github.com/schplurtz/a2s"}</code> <code - >[0]: {"fill":"#d48","stroke":"#F50078","stroke-dasharray":"5 5","stroke-width":4,"a2s:type":"cloud","a2s:delref":true,"a2s:link":"https://github.com/schplurtz/a2s"}</code>
  
-===== Alignement =====+==== Alignement ====
  
 Tout comme avec les images ordinaires, vous pouvez aligner vos graphiques SVG en insérant des espaces après < et avant >. Tout comme avec les images ordinaires, vous pouvez aligner vos graphiques SVG en insérant des espaces après < et avant >.
Ligne 171: Ligne 171:
  
 Résultat : Résultat :
-{{ :logiciel:internet:dokuwiki:plugins:a2s:a2s-03.png |}}+{{ logiciel:internet:dokuwiki:plugins:a2s:a2s-03.png |}}
  
-===== liste des formes SVG connues =====+==== liste des formes SVG connues ====
  
 <code - shapes> <code - shapes>
Ligne 218: Ligne 218:
 </code> </code>
  
-{{ :logiciel:internet:dokuwiki:plugins:a2s:a2s-04.png |}}+{{ logiciel:internet:dokuwiki:plugins:a2s:a2s-04.png |}}
  
-===== Formes à l'intérieur des formes et styles personnalisés =====+==== Formes à l'intérieur des formes et styles personnalisés ====
  
 La transparence est obtenue en utilisant un nom de couleur non valide. Ce n'est pas documenté. Cela peut changer en fonction du navigateur ou de la bibliothèque de rendu. La transparence est obtenue en utilisant un nom de couleur non valide. Ce n'est pas documenté. Cela peut changer en fonction du navigateur ou de la bibliothèque de rendu.
Ligne 255: Ligne 255:
 </code> </code>
  
-{{ :logiciel:internet:dokuwiki:plugins:a2s:a2s-05.png |}}+{{ logiciel:internet:dokuwiki:plugins:a2s:a2s-05.png |}}
  
-===== Exemples =====+==== Exemples ====
  
 <code - logo.a2s> <code - logo.a2s>
Ligne 277: Ligne 277:
  
 Résultat : Résultat :
-{{ :logiciel:internet:dokuwiki:plugins:a2s:a2s-01.png |}}+{{ logiciel:internet:dokuwiki:plugins:a2s:a2s-01.png |}}
  
 <code - tryme.a2s> <code - tryme.a2s>
Ligne 295: Ligne 295:
  
 Résultat : Résultat :
-{{ :logiciel:internet:dokuwiki:plugins:a2s:a2s-02.png |}}+{{ logiciel:internet:dokuwiki:plugins:a2s:a2s-02.png |}}
  
-====== Désinstallation ======+===== Désinstallation =====
  
-====== Voir aussi ======+===== Voir aussi =====
  
   * **(en)** [[https://www.dokuwiki.org/plugin:a2s]]   * **(en)** [[https://www.dokuwiki.org/plugin:a2s]]

Piste :