###. //+-----:---------=---------=---------=---------=---------=---------=---------=---------= //+-----: //+-----: MAIN Text container (insert your text below | this is a textile comment) //+-----: //+-----:---------=---------=---------=---------=---------=---------=---------=---------= h1. TC SVG | RECT | Beispiel Der JavaScript-Code für die SVG-Funktion 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 Rechtecke * ---- *(tc-svg-map-xmax) 200 *(tc-svg-map-ymax) 200 *(drawRect) 60,65,10,10,25,26 *(setRectStyle) fill:rgb(0,0,255);stroke-width:3;stroke:red *(drawRect) 100,150,30,35,5,5 *(setLineStyle) stroke:red;stroke-width:2 *(drawLine) 10, 15, 180, 153 *(setPolygonStyle) fill:lime;stroke:purple;stroke-width:3 *(drawPolygon) 100,10 150,190 50,190 *(setPolylineStyle) fill:none;stroke:green;stroke-width:3 *(drawPolyline) 10,30 50,10 100,90 110,89 h2. Programmierung mit TC SVG | RECT ###. //+-----:---------=---------=---------=---------=---------=---------=---------=---------= //+-----: Programmierung für das Beispiel RECT p(tc-msg-default). ### bc.. ###hier pasten! p(tc-msg-default-end tc-void). ### ###. //+----- END: Programmierung für das Beispiel RECT //+-----:---------=---------=---------=---------=---------=---------=---------=---------=
###. //+-----:---------=---------=---------=---------=---------=---------=---------=---------= //+-----: //+-----: Kategorien //+-----: //+-----:---------=---------=---------=---------=---------=---------=---------=---------=
h2. Kategorien *(tc-wiki-cat tc3-ul tc3-card). * "(cat-page)$":tc:category:created:2025:09 * "(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