schraegbilder.git

Strukturansicht: 3135ff6
3135ff6c94257c21809e63eb23ab58d820ba661a
Bernd Wurst initial commit

Bernd Wurst authored 1 month ago

 
1) <!DOCTYPE html>
2) <html lang="de">
3) <head>
4)     <meta charset="UTF-8">
5)     <title>Schrägbild-Generator</title>
6)     <link rel="stylesheet" href="styles.css">
7)     <link rel="stylesheet" href="https://pyscript.net/releases/2026.6.1/core.css" />
8)     <script type="module" src="https://pyscript.net/releases/2026.6.1/core.js"></script>
9) </head>
10) <body>
11) 
12) <div class="sidebar">
13)     <h2>Koordinatensystem</h2>
14) 
15)     <div class="control-group row">
16)         <div>
17)             <label for="len-x1">Max x₁ (+):</label>
18)             <input type="number" id="len-x1" min="0" max="30" value="5" py-input="zeichne_koordinatensystem">
19)         </div>
20)         <div>
21)             <label for="neg-x1">Max x₁ (-):</label>
22)             <input type="number" id="neg-x1" min="0" max="30" value="2" py-input="zeichne_koordinatensystem">
23)         </div>
24)         <div>
25)             <label for="mod-x1">Schrittw.:</label>
26)             <input type="number" id="mod-x1" min="1" max="10" value="2" py-input="zeichne_koordinatensystem">
27)         </div>
28)     </div>
29) 
30)     <div class="control-group row">
31)         <div>
32)             <label for="len-x2">Max x₂ (+):</label>
33)             <input type="number" id="len-x2" min="0" max="30" value="6" py-input="zeichne_koordinatensystem">
34)         </div>
35)         <div>
36)             <label for="neg-x2">Max x₂ (-):</label>
37)             <input type="number" id="neg-x2" min="0" max="30" value="2" py-input="zeichne_koordinatensystem">
38)         </div>
39)         <div>
40)             <label for="mod-x2">Schrittw.:</label>
41)             <input type="number" id="mod-x2" min="1" max="10" value="2" py-input="zeichne_koordinatensystem">
42)         </div>
43)     </div>
44) 
45)     <div class="control-group row">
46)         <div>
47)             <label for="len-x3">Max x₃ (+):</label>
48)             <input type="number" id="len-x3" min="0" max="30" value="6" py-input="zeichne_koordinatensystem">
49)         </div>
50)         <div>
51)             <label for="neg-x3">Max x₃ (-):</label>
52)             <input type="number" id="neg-x3" min="0" max="30" value="2" py-input="zeichne_koordinatensystem">
53)         </div>
54)         <div>
55)             <label for="mod-x3">Schrittw.:</label>
56)             <input type="number" id="mod-x3" min="1" max="10" value="2" py-input="zeichne_koordinatensystem">
57)         </div>
58)     </div>
59)     <hr>
Bernd Wurst Linien und Permalink

Bernd Wurst authored 1 month ago

 
60)     <h2>Punkte und Linien eintragen</h2>
Bernd Wurst initial commit

Bernd Wurst authored 1 month ago

 
61)     <div class="control-group">
Bernd Wurst Linien und Permalink

Bernd Wurst authored 1 month ago

 
62)         <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>
Bernd Wurst initial commit

Bernd Wurst authored 1 month ago

 
63)         <textarea id="punkte-input" rows="6" placeholder="A(2|4|3)&#10;B(-1|2|4)" py-input="zeichne_koordinatensystem">A(2|4|3)</textarea>
64)     </div>
65) 
66)     <div class="control-group checkbox-group">
67)         <label>
68)             <input type="checkbox" id="show-labels" checked py-input="zeichne_koordinatensystem">
Bernd Wurst Linien und Permalink

Bernd Wurst authored 1 month ago

 
69)             Punkte beschriften
Bernd Wurst initial commit

Bernd Wurst authored 1 month ago

 
70)         </label>
71)     </div>
72)     <div class="control-group checkbox-group">
73)         <label>
74)             <input type="checkbox" id="show-coords" checked py-input="zeichne_koordinatensystem">
75)             Koordinaten mit anzeigen (z.B. A(2|4|3))
76)         </label>
77)     </div>
78)     <hr>
79)     <button id="btn-download" class="btn-primary" py-click="download_svg">
80)         SVG herunterladen
81)     </button>
Bernd Wurst Achsenbeschriftung und .hta...

Bernd Wurst authored 1 month ago

 
82)     <button id="btn-copy-link" class="btn-secondary" py-click="kopiere_permalink" style="margin-top: 8px;">
83)         🔗 Permalink kopieren
84)     </button>