plugin:a2s
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
plugin:a2s [2017-10-23 03:04] – possibility to add links to shapes schplurtz | plugin:a2s [2023-04-10 17:21] (current) – compatible with jack jackrum (tested) schplurtz | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== | + | ====== |
---- plugin ---- | ---- plugin ---- | ||
- | description: | + | description: |
author | author | ||
email : Schplurtz@laposte.net | email : Schplurtz@laposte.net | ||
type : syntax | type : syntax | ||
- | lastupdate : 2017-08-05 | + | lastupdate : 2022-06-21 |
- | compatible : elenor of tsort, detritus, frusterick manners | + | compatible : elenor of tsort, detritus, frusterick manners, greebo, hogfather, igor, jack jackrum |
depends | depends | ||
conflicts | conflicts | ||
Line 19: | Line 19: | ||
screenshot_img : http:// | screenshot_img : http:// | ||
---- | ---- | ||
- | |||
a2s is a little plugin that turns ASCII art boxes, lines and arrows into nice SVG images. It is based on [[https:// | a2s is a little plugin that turns ASCII art boxes, lines and arrows into nice SVG images. It is based on [[https:// | ||
+ | ----------- | ||
+ | |||
+ | june 2022: a2s works well with DW igor RC2 and php 8.1. But exports to odt with the [[plugin: | ||
===== Installation ===== | ===== Installation ===== | ||
- | Install | + | Search and install |
===== Examples/ | ===== Examples/ | ||
Line 107: | Line 109: | ||
" | " | ||
</ | </ | ||
- | * link : ''" | + | * link : ''" |
" | " | ||
" | " | ||
" | " | ||
+ | " | ||
" | " | ||
" | " | ||
Line 116: | Line 119: | ||
* identifier removal. By default the id is left in the image. This is useful when you have enough room to use a meaningful word as id. However, it is possible to remove it using this code < | * identifier removal. By default the id is left in the image. This is useful when you have enough room to use a meaningful word as id. However, it is possible to remove it using this code < | ||
- | here is a full example : | + | here is a full example |
< | < | ||
==== Alignment ==== | ==== Alignment ==== | ||
+ | |||
+ | Just like with regular images, you can align your SVG graphics by inserting spaces after ''<'' | ||
{{http:// | {{http:// | ||
Line 203: | Line 208: | ||
{{http:// | {{http:// | ||
<code txt shapes> | <code txt shapes> | ||
+ | <a2s> | ||
+ | Shapes : | ||
+ | .----------. | ||
+ | |[cloud] | ||
+ | | | +-> | ||
+ | | | | | | | | | | ||
+ | .----------. | ||
+ | --------------o----------------+ | ||
+ | .----------. | ||
+ | |[document]| | ||
+ | | |< | ||
+ | | | | ||
+ | .----------. | ||
+ | |||
+ | .----------. | ||
+ | |[cl] | | ||
+ | | | +-> | ||
+ | | | | | | | | | | ||
+ | .----------. | ||
+ | --------------o----------------+ | ||
+ | .----------. | ||
+ | |[d] | ||
+ | | |< | ||
+ | | | | ||
+ | .----------. | ||
+ | |||
+ | |||
+ | [printer]: | ||
+ | [computer]: {" | ||
+ | [cloud]: | ||
+ | [diamond]: | ||
+ | [document]: {" | ||
+ | [storage]: | ||
+ | [p]: {" | ||
+ | [c]: {" | ||
+ | [cl]: | ||
+ | [yn]: | ||
+ | [d]: {" | ||
+ | [st]: | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | |||
+ | ===== shapes inside shapes and custom styles ===== | ||
+ | |||
+ | Transparency is obtained by using an invalid colorname. | ||
+ | This is undocumented. This may change depending on the browser | ||
+ | or rendering library. | ||
+ | |||
{{http:// | {{http:// | ||
< | < | ||
- | <a2s><a2s> | + | <a2s> |
.---------------------------. | .---------------------------. | ||
|[storage] | |[storage] | ||
Line 252: | Line 306: | ||
:!: No. As of 2017/07/27, unless you are the a developer of dw2pdf or mpdf, its PDF library, there is nothing to do. Sorry. | :!: No. As of 2017/07/27, unless you are the a developer of dw2pdf or mpdf, its PDF library, there is nothing to do. Sorry. | ||
+ | :?: Is it possible to alter the line color using css or a configuration value? under the bootstrap / bootswatch / cyborg theme which is dark the lines are black on a black background. | ||
+ | For now I've just worked around it using the following in a less css file to alter the background color | ||
+ | < | ||
+ | & | ||
+ | svg.a2s { | ||
+ | background-color:# | ||
+ | } | ||
+ | } | ||
+ | </ |
plugin/a2s.1508720661.txt.gz · Last modified: 2017-10-23 03:04 by schplurtz