Auf dieser Seite zeigen wir ein Beispiel für einen Kreis in TC-SVG:
h3. Parameter für den Kreis
bc.. *(tc-svg-map-circle-r) 40
*(tc-circle-data-load) {void}
*(tc-svg-map-circle-style) fill:blue;stroke:green;stroke-width:1;fill-opacity:0.1;stroke-opacity:0.2
*(tc-svg-map-circle-draw) {draw circle}
* ----
*(tc-svg-map-circle-r) 20
*(tc-svg-map-circle-style) stroke:gold;stroke-width:3
*(tc-circle-data-load) {void}
*(tc-svg-map-circle-draw) {draw circle}
* ----
*(tc-svg-map-circle-r) 10
*(tc-svg-map-circle-style) fill:green;stroke:blue;stroke-width:1
*(tc-circle-data-load) {void}
*(tc-svg-map-circle-draw) {draw circle}
p.
*(tc-svg).
*(tc-svg-width) 600
*(tc-svg-height) 400
*(tc-svg-create) {void}
*(tc-svg-map-border-right) 50
*(tc-svg-map-border-left) 50
*(tc-svg-map-border-top) 20
*(tc-svg-map-border-bottom) 50
*(tc-svg-map-xmin) 0
*(tc-svg-map-xmax) 100
*(tc-svg-map-ymin) 0
*(tc-svg-map-ymax) 100
*(tc-svg-map-cart-cross-y) 0
*(tc-svg-map-cart-cross-x) 0
*(tc-svg-map-cart-delta-x) 25
*(tc-svg-map-cart-delta-y) 25
*(tc-svg-map-cart-draw) void
*(tc-circle-comments tc-void) Hier beginnt de Aufbau der Kreise
*(tc-svg-map-value-x) 50
*(tc-svg-map-value-y) 50
*(tc-svg-map-circle-r) 40
*(tc-circle-data-load) {void}
*(tc-svg-map-circle-style) fill:blue;stroke:green;stroke-width:1;fill-opacity:0.1;stroke-opacity:0.2
*(tc-svg-map-circle-draw) {draw circle}
* ----
*(tc-svg-map-circle-r) 20
*(tc-svg-map-circle-style) stroke:gold;stroke-width:3
*(tc-circle-data-load) {void}
*(tc-svg-map-circle-draw) {draw circle}
* ----
*(tc-svg-map-circle-r) 10
*(tc-svg-map-circle-style) fill:green;stroke:blue;stroke-width:1
*(tc-circle-data-load) {void}
*(tc-svg-map-circle-draw) {draw circle}
*(tc-svg).
*(tc-svg-width) 100
*(tc-svg-height) 75
*(tc-svg-create) {void}
*(tc-svg-map-border-right) 5
*(tc-svg-map-border-left) 5
*(tc-svg-map-border-top) 5
*(tc-svg-map-border-bottom) 5
*(tc-svg-map-xmin) 0
*(tc-svg-map-xmax) 100
*(tc-svg-map-ymin) 0
*(tc-svg-map-ymax) 100
*(tcxxx-svg-map-cart-cross-y) 0
*(tcxxxx-svg-map-cart-cross-x) 0
*(tcxxx-svg-map-cart-delta-x) 25
*(tcxxx-svg-map-cart-delta-y) 25
*(tc-svg-map-cart-draw) void
*(tc-circle-comments tc-void) Hier beginnt de Aufbau der Kreise
*(tc-svg-map-value-x) 50
*(tc-svg-map-value-y) 50
*(tc-svg-map-circle-r) 40
*(tc-circle-data-load) {void}
*(tc-svg-map-circle-style) fill:blue;stroke:green;stroke-width:1;fill-opacity:0.1;stroke-opacity:0.2
*(tc-svg-map-circle-draw) {draw circle}
h2. Seitenlinks
"(page)JS editieren ...":e?dit=tc:rel-0.6:toolbox:screen:svg:examples:konzentrische-kreise
h2. Kategorien
*(tc-wiki-cat tc3-ul tc3-card).
* %{color:grey}tis page cat name%
* "(page)$":tc:cat-created:2024-04
* "(page)$":tc:cat-created:2024-03
* "(page)$":tc:cat-changed:2024-99
* "(page)TC Rel 0.6":tc:category:tc:rel-0.6
h2. Links
* "Textile":https://textile-lang.com/
{{link will be inserted here ... }}