Zum Inhalt springen

Wiki-Quellcode von Tipp Drei Geraden

Version 1.1 von akukin am 2026/05/13 15:23
Zeige letzte Bearbeiter
1 Zwei Geraden heißen
2 * parallel, wenn ihre Richtungsvektoren linear abhängig sind. Besitzen die Geraden zudem einen gemeinsamen Punkt, dann heißen sie identisch, ansonsten echt parallel.
3 * windschief, wenn sie nicht parallel sind und keinen gemeinsamen Punkt besitzen.
4
5 Um die Lage zweier Geraden zu einander zu prüfen, prüfen wir, on die Richtungsvektoren Vielfache von einander sind/linear abhängig von einander sind und setzen zudem die Geradengleichungen gleich und prüfen, ob das dadurch entstehende LGS eine/mehere Lösungen besitzt oder unlösbar ist:
6
7 {{html}}
8 <div style="text-align:center; font-family:sans-serif; width:1050px; margin:0 auto; transform:scale(0.85); transform-origin:top center;">
9
10 <!-- SVG Overlay für alle diagonalen Linien -->
11 <div style="position:relative; width:1050px; height:0;">
12 <svg width="1050" height="350" style="position:absolute; top:0; left:0; pointer-events:none;">
13 <!-- Hauptzweige von LGS -->
14 <!-- Mitte ist bei 525 -->
15 <line x1="525" y1="45" x2="180" y2="120" style="stroke:black; stroke-width:2" />
16 <line x1="525" y1="45" x2="525" y2="120" style="stroke:black; stroke-width:2" />
17 <line x1="525" y1="45" x2="870" y2="120" style="stroke:black; stroke-width:2" />
18
19 <!-- Zweige von unlösbar (Zentrum bei 870) -->
20 <line x1="870" y1="165" x2="770" y2="215" style="stroke:black; stroke-width:2" />
21 <line x1="870" y1="165" x2="970" y2="215" style="stroke:black; stroke-width:2" />
22 </svg>
23 </div>
24
25 <!-- LGS Kopf -->
26 <div style="margin-bottom:85px; position:relative; z-index:2;">
27 <div style="font-size:32px; font-weight:bold; background:white; display:inline-block; padding:0 15px;">LGS</div>
28 </div>
29
30 <!-- Erste Ebene -->
31 <div style="display:flex; justify-content:flex-start; align-items:flex-start; position:relative; z-index:2;">
32
33 <!-- eindeutig lösbar (Position links) -->
34 <div style="width:360px;">
35 <div style="font-size:20px; background:white; display:inline-block; padding:0 10px;">eindeutig lösbar</div>
36 <div style="height:60px; border-left:2px solid black; width:0; margin:10px auto;"></div>
37 <div style="display:inline-block; background:#b7bdf5; padding:8px 20px; font-size:18px; border:1px solid #9ea5e0; font-weight:bold; box-shadow: 2px 2px 0px #9ea5e0;">
38 Schnittpunkt
39 </div>
40 </div>
41
42 <!-- mehrdeutig lösbar (leicht nach rechts versetzt) -->
43 <div style="width:330px;">
44 <div style="font-size:20px; background:white; display:inline-block; padding:0 10px;">mehrdeutig lösbar</div>
45 <div style="height:60px; border-left:2px solid black; width:0; margin:10px auto;"></div>
46 <div style="display:inline-block; background:#b7bdf5; padding:8px 20px; font-size:18px; border:1px solid #9ea5e0; font-weight:bold; box-shadow: 2px 2px 0px #9ea5e0;">
47 identisch
48 </div>
49 </div>
50
51 <!-- unlösbar Block (ganz rechts) -->
52 <div style="width:360px;">
53 <div style="font-size:20px; background:white; display:inline-block; padding:0 10px;">unlösbar</div>
54
55 <div style="display:flex; justify-content:space-between; margin-top:65px;">
56 <!-- linear abhängig -->
57 <div style="width:170px;">
58 <div style="font-size:16px; height:45px; display:flex; align-items:center; justify-content:center;">Richtungsvektoren<br>linear abhängig</div>
59 <div style="height:45px; border-left:2px solid black; width:0; margin:10px auto;"></div>
60 <div style="display:inline-block; background:#b7bdf5; padding:8px 15px; font-size:17px; border:1px solid #9ea5e0; font-weight:bold; box-shadow: 2px 2px 0px #9ea5e0;">
61 echt parallel
62 </div>
63 </div>
64
65 <!-- linear unabhängig -->
66 <div style="width:170px;">
67 <div style="font-size:16px; height:45px; display:flex; align-items:center; justify-content:center;">Richtungsvektoren<br>linear unabhängig</div>
68 <div style="height:45px; border-left:2px solid black; width:0; margin:10px auto;"></div>
69 <div style="display:inline-block; background:#b7bdf5; padding:8px 15px; font-size:17px; border:1px solid #9ea5e0; font-weight:bold; box-shadow: 2px 2px 0px #9ea5e0;">
70 windschief
71 </div>
72 </div>
73 </div>
74 </div>
75
76 </div>
77 </div>
78 {{/html}}