###. //+-----:---------=---------=---------=---------=---------=---------=---------=---------= //+-----: //+-----: MAIN Text container (insert your text below | this is a textile comment) //+-----: //+-----:---------=---------=---------=---------=---------=---------=---------=---------= h1. TC SVG | CIRCLE | Beispiel Der JavaScript-Code für die SVG-Funkion kann "(page)hier":e?dit=tc/rel-0.7/toolbox/screen/svg/js editiert werden! *(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) 110 *(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-comments tc-void) Hier beginnt de Aufbau der Kreise * ---- *(setCircleStyle) stroke:gold;stroke-width:3;fill:#c2f0c2; *(drawCircle) 70,60,40 * ---- *(setCircleStyle) stroke:blue;stroke-width:8;fill:#ccddff; *(drawCircle) 70,60,20 * ---- *(setCircleStyle) stroke:green;stroke-width:1;fill:red; *(circle) 80,90,15 * ---- *(tc-svg-map-xmax) 200 *(tc-svg-map-ymax) 200 *(circle) 80,90,15 h2. Programmierung mit TC SVG | CIRCLE ###. //+-----:---------=---------=---------=---------=---------=---------=---------=---------= //+-----: Programmierung für das Beispiel CIRCLE p(tc-msg-default). ### bc.. *(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) 110 *(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-comments tc-void) Hier beginnt de Aufbau der Kreise * ---- *(setCircleStyle) stroke:gold;stroke-width:3;fill:#c2f0c2; *(drawCircle) 70,60,40 * ---- *(setCircleStyle) stroke:blue;stroke-width:8;fill:#ccddff; *(drawCircle) 70,60,20 * ---- *(setCircleStyle) stroke:green;stroke-width:1;fill:red; *(circle) 80,90,15 * ---- *(tc-svg-map-xmax) 200 *(tc-svg-map-ymax) 200 *(circle) 80,90,15 p(tc-msg-default-end tc-void). ### ###. //+----- END: Programmierung für das Beispiel CIRCLE //+-----:---------=---------=---------=---------=---------=---------=---------=---------=
###. //+-----:---------=---------=---------=---------=---------=---------=---------=---------= //+-----: //+-----: Kategorien //+-----: //+-----:---------=---------=---------=---------=---------=---------=---------=---------=
h2. Kategorien *(tc-wiki-cat tc3-ul tc3-card). * "(cat-page)$":tc:category:created:2025:09 * "(cat-page)Bedienungsanleitung SVG":tc:category:bedienungsanleitung:svg * "(cat-page)$":tc:category:tc:svg
###.. //+-----:---------=---------=---------=---------=---------=---------=---------=---------= //+-----: //+-----: Footer (without title) //+-----: //+-----:---------=---------=---------=---------=---------=---------=---------=---------= p(text-grey). TextComplex Version 0.6.1 | Seite: "tc/rel-0.7/toolbox/screen/svg/examples/konzentrische-kreise":e?dit=tc/rel-0.7/toolbox/screen/svg/examples/konzentrische-kreise