~~NOCACHE~~
~~NOTOC~~
{{page>tc:light:rel-0.2:configuration:main&noindent&nodate&nouser&nofooter&noeditbutton}}
{{page>tc:light:rel-0.2:libs:include&noindent&nodate&nouser&nofooter&noeditbutton}}
h2. TC SVG
TC SVG ist eine Sammlung von Befehlen, mit der SVG-Graphiken erstellt werden können ... (work in progress)
h2. Befehls-Struktur
p(tc3-amber tc3-text-light-grey tc3-container). please fill me!
h3. Mapping für ein Koordinatensystem
p. Ein SVG-Element hat die Parameter Width %(m)W% und Height %(m)H%. Dieser freie Darstellungsbereich wird durch die Randdefinitionen
* %(m)\begin{matrix} \text{tc-svg-map-border-left} & & & b_{left} \end{matrix}%
* %(m)\begin{matrix} \text{tc-svg-map-border-right} & & b_{right} \end{matrix}%
* %(m)\begin{matrix} \text{tc-svg-map-border-top} & & & b_{top} \end{matrix}%
* %(m)\begin{matrix} \text{tc-svg-map-border-bottom} & b_{bottom} \end{matrix}%
p. Anwender können für Abszisse und Ordinate diese min und max-Werte definiern:
* %(m)\begin{matrix} \text{tc-svg-map-xmin} & & & x_{min} \end{matrix}%
* %(m)\begin{matrix} \text{tc-svg-map-xmax} & & & x_{max} \end{matrix}%
* %(m)\begin{matrix} \text{tc-svg-map-ymin} & & & y_{min} \end{matrix}%
* %(m)\begin{matrix} \text{tc-svg-map-ymax} & & & y_{max} \end{matrix}%
p. Der Punkt, in dem sich die Koordinatenachsen scheiden, werden durch die Parameter tc-svg-map-crossx und tc-svg-map-crossy definiert.
p. Für einen Punkt %(m)p(x_p,y_p)% in den frei gewählten Koordinaten ergeben sich dann diese realen Koordinaten:
p(math). W := width \: - \: b_{left} \: - \: b_{right}
p(math). H := height \: - \: b_{top} \: - \: b_{bottom}
p(math). x_p = \frac{\lvert x \: - \: x_{min} \rvert} {\lvert x_{max} \: - \: x_{min} \rvert } \: * \: W + b_{Left}
p(math). y_p = ( 1 \: - \: \frac{\lvert y \: - \: y_{min} \rvert} {\lvert y_{max} \: - \: y_{min} \rvert } \:) * \: H + b_{top}
p. lorem ipsum right pinned here!
h3. Stories about Success and Boxes
h2. Kategorien
*(tc-wiki-cat tc3-ul tc3-card).
* "(page)TC Toolbox":tc:category:tc-toolbox
* "(page)$":tc:cat-created:2024-01
* "(page)$":tc:cat-created:2023-12
* "(page)$":tc:cat-changed:2024-03
* "(page)TC Default Page Template":tc:category:default-page
* "(page)TC Light 0.2":tc:category:tc-light-0.2
* created "cat-created:2024:01":?id=tc:cat-created:2024-01
* created "cat-created:2023:12":?id=tc:cat-created:2023-12
h2. Links
* "Textile":https://textile-lang.com/
{{page>tc/light/rel-0.2/libs/templates&noindent&nodate&nouser&nofooter&noeditbutton}}
{{page>tc/light/rel-0.2/libs/toolbox&noindent&nodate&nouser&nofooter&noeditbutton}}