git.schokokeks.org
Repositories
Help
Report an Issue
schraegbilder.git
Code
Commits
Branches
Tags
Suche
Strukturansicht:
3135ff6
Branches
Tags
master
schraegbilder.git
index.html
Achsenbeschriftung und .htaccess
Bernd Wurst
commited
3135ff6
at 2026-06-21 11:27:01
index.html
Blame
History
Raw
<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>Schrägbild-Generator</title> <link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="https://pyscript.net/releases/2026.6.1/core.css" /> <script type="module" src="https://pyscript.net/releases/2026.6.1/core.js"></script> </head> <body> <div class="sidebar"> <h2>Koordinatensystem</h2> <div class="control-group row"> <div> <label for="len-x1">Max x₁ (+):</label> <input type="number" id="len-x1" min="0" max="30" value="5" py-input="zeichne_koordinatensystem"> </div> <div> <label for="neg-x1">Max x₁ (-):</label> <input type="number" id="neg-x1" min="0" max="30" value="2" py-input="zeichne_koordinatensystem"> </div> <div> <label for="mod-x1">Schrittw.:</label> <input type="number" id="mod-x1" min="1" max="10" value="2" py-input="zeichne_koordinatensystem"> </div> </div> <div class="control-group row"> <div> <label for="len-x2">Max x₂ (+):</label> <input type="number" id="len-x2" min="0" max="30" value="6" py-input="zeichne_koordinatensystem"> </div> <div> <label for="neg-x2">Max x₂ (-):</label> <input type="number" id="neg-x2" min="0" max="30" value="2" py-input="zeichne_koordinatensystem"> </div> <div> <label for="mod-x2">Schrittw.:</label> <input type="number" id="mod-x2" min="1" max="10" value="2" py-input="zeichne_koordinatensystem"> </div> </div> <div class="control-group row"> <div> <label for="len-x3">Max x₃ (+):</label> <input type="number" id="len-x3" min="0" max="30" value="6" py-input="zeichne_koordinatensystem"> </div> <div> <label for="neg-x3">Max x₃ (-):</label> <input type="number" id="neg-x3" min="0" max="30" value="2" py-input="zeichne_koordinatensystem"> </div> <div> <label for="mod-x3">Schrittw.:</label> <input type="number" id="mod-x3" min="1" max="10" value="2" py-input="zeichne_koordinatensystem"> </div> </div> <hr> <h2>Punkte und Linien eintragen</h2> <div class="control-group"> <label for="punkte-input">Punkte (z.B. A(2|4|3) oder B(-1|2|4)) und Linien A-B oder A_B (gestrichelt):</label><br> <textarea id="punkte-input" rows="6" placeholder="A(2|4|3) B(-1|2|4)" py-input="zeichne_koordinatensystem">A(2|4|3)</textarea> </div> <div class="control-group checkbox-group"> <label> <input type="checkbox" id="show-labels" checked py-input="zeichne_koordinatensystem"> Punkte beschriften </label> </div> <div class="control-group checkbox-group"> <label> <input type="checkbox" id="show-coords" checked py-input="zeichne_koordinatensystem"> Koordinaten mit anzeigen (z.B. A(2|4|3)) </label> </div> <hr> <button id="btn-download" class="btn-primary" py-click="download_svg"> SVG herunterladen </button> <button id="btn-copy-link" class="btn-secondary" py-click="kopiere_permalink" style="margin-top: 8px;"> 🔗 Permalink kopieren </button> </div> <div class="main-content"> <div id="canvas-container"></div> </div> <script type="py" src="./main.py" config='{ "packages": ["svgwrite"], "files": { "./schraegbild/__init__.py": "schraegbild/__init__.py", "./schraegbild/projektion.py": "schraegbild/projektion.py", "./schraegbild/svg_builder.py": "schraegbild/svg_builder.py" } }'></script> </body> </html>
