fix(geometry8): exhaustive SVG correctness audit — 12 fixes in §1-§7
Fixes applied (§1-§7 buildP1-buildP7 only):
§1.1 (Fix 11): Pentagon viewBox 170→185; C/D vertex labels at y=176 and
side label 'c' at y=174 were clipped — now visible.
§1.3 (Fix 1): Hexagon — added 3 missing diagonals (only 6 of 9 drawn);
expanded viewBox 160→175; caption moved from y=170 (clipped) to y=171.
§1.5 (Fix 2): Octagon — stray vertex circle and diagonal endpoints at
(140,16) replaced with actual 8th vertex (74,26); corrected two diagonal
endpoints accordingly.
§2.1 (Fix 12): Pentagon triangulation viewBox 165→178; A₃/A₄ vertex
labels at y=166 clipped → moved to y=172; caption moved y=156→y=174.
§2.2 (Fix 9): Equilateral triangle was isosceles (sides ~70,66,70);
replaced points to make all sides ≈62.4.
§2.3 (Fix 3): Nonagon viewBox 160→185; bottom vertices at y=170 were
clipped; caption moved to y=180.
§3.1 (Fix 10): Fixed misleading comment ("beyond A" → "beyond B").
§3.2 (Fix 4): Hexagon external angle extension line and arc were outside
viewBox width=280; redesigned to extend upward within bounds; viewBox
height expanded to 172.
§4.2 (Fix 5): Parallelogram angle arcs — C and D arcs were completely
swapped (drawn at each other's vertices); recalculated all arc endpoints
from unit vectors along polygon sides.
§4.3 (Fix 6): Side labels 8 and 5 swapped on example parallelogram
(AB=CD=8, BC=DA=5); corrected positions.
§4.3 (Fix 7): Angle arcs at A and C misplaced; recalculated endpoints
to correctly span each corner angle.
§6.1 (Fix 8): Признак 2 SVG used undefined marker #arr causing invisible
arrows; replaced with inline tick + polyline chevron marks.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Maxim Dolgolyov
@@ -757,7 +757,7 @@ function buildP1(){
|
||||
<p><b>Многоугольник</b> — это замкнутая ломаная без самопересечений. Она делит плоскость на внутреннюю часть (многоугольник) и внешнюю.</p>
|
||||
<p>Элементы: <b>вершины</b> (точки излома), <b>стороны</b> (звенья ломаной), <b>углы</b> (при каждой вершине).</p>
|
||||
<p>Названия: <b>3</b> стороны — треугольник, <b>4</b> — четырёхугольник, <b>5</b> — пятиугольник, <b>6</b> — шестиугольник, …, <b>n</b> — n-угольник.</p>
|
||||
<div style="display:flex;justify-content:center;margin-top:12px"><svg viewBox="0 0 280 170" style="max-width:300px;background:#fafafa;border:1px solid var(--border);border-radius:10px">
|
||||
<div style="display:flex;justify-content:center;margin-top:12px"><svg viewBox="0 0 280 185" style="max-width:300px;background:#fafafa;border:1px solid var(--border);border-radius:10px">
|
||||
<!-- Pentagon ABCDE with diagonal AC labeled -->
|
||||
<polygon points="140,18 245,88 205,162 75,162 35,88" fill="rgba(217,119,6,.10)" stroke="#d97706" stroke-width="2" stroke-linejoin="round"/>
|
||||
<!-- diagonal AC -->
|
||||
@@ -812,20 +812,23 @@ function buildP1(){
|
||||
<thead><tr><th>$n$</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>10</th></tr></thead>
|
||||
<tbody><tr><th>Диагоналей</th><td>0</td><td>2</td><td>5</td><td>9</td><td>14</td><td>20</td><td>35</td></tr></tbody>
|
||||
</table>
|
||||
<div style="display:flex;justify-content:center;margin-top:12px"><svg viewBox="0 0 280 160" style="max-width:300px;background:#fafafa;border:1px solid var(--border);border-radius:10px">
|
||||
<div style="display:flex;justify-content:center;margin-top:12px"><svg viewBox="0 0 280 175" style="max-width:300px;background:#fafafa;border:1px solid var(--border);border-radius:10px">
|
||||
<!-- Hexagon with all 9 diagonals -->
|
||||
<polygon points="140,14 232,55 232,115 140,156 48,115 48,55" fill="rgba(217,119,6,.08)" stroke="#d97706" stroke-width="2"/>
|
||||
<!-- 9 diagonals of hexagon -->
|
||||
<!-- all 9 diagonals of hexagon -->
|
||||
<line x1="140" y1="14" x2="140" y2="156" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".6"/>
|
||||
<line x1="140" y1="14" x2="48" y2="115" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".6"/>
|
||||
<line x1="140" y1="14" x2="232" y2="115" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".6"/>
|
||||
<line x1="232" y1="55" x2="48" y2="55" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".6"/>
|
||||
<line x1="232" y1="55" x2="48" y2="115" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".6"/>
|
||||
<line x1="232" y1="115" x2="48" y2="55" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".6"/>
|
||||
<line x1="232" y1="55" x2="140" y2="156" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".6"/>
|
||||
<line x1="232" y1="115" x2="48" y2="115" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".6"/>
|
||||
<line x1="140" y1="156" x2="48" y2="55" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".6"/>
|
||||
<circle cx="140" cy="14" r="3" fill="#d97706"/><circle cx="232" cy="55" r="3" fill="#d97706"/>
|
||||
<circle cx="232" cy="115" r="3" fill="#d97706"/><circle cx="140" cy="156" r="3" fill="#d97706"/>
|
||||
<circle cx="48" cy="115" r="3" fill="#d97706"/><circle cx="48" cy="55" r="3" fill="#d97706"/>
|
||||
<text x="140" y="170" text-anchor="middle" font-size="10" fill="#6d28d9" font-weight="700" font-family="Inter,sans-serif">n=6: D=6(6-3)/2=9 диагоналей</text>
|
||||
<text x="140" y="171" text-anchor="middle" font-size="10" fill="#6d28d9" font-weight="700" font-family="Inter,sans-serif">n=6: D=6(6-3)/2=9 диагоналей</text>
|
||||
</svg></div>`);
|
||||
|
||||
html += makeCard('rule','Периметр','1.4',`
|
||||
@@ -861,17 +864,17 @@ function buildP1(){
|
||||
<div style="display:flex;justify-content:center;margin-top:12px"><svg viewBox="0 0 280 170" style="max-width:300px;background:#fafafa;border:1px solid var(--border);border-radius:10px">
|
||||
<!-- Regular octagon with 20 diagonals highlighted (8 vertices) -->
|
||||
<polygon points="206,26 246,80 246,110 206,164 74,164 34,110 34,80 74,26" fill="rgba(139,92,246,.08)" stroke="#8b5cf6" stroke-width="2"/>
|
||||
<!-- Select a few diagonals to show (not all 20, just representative cross-diagonals) -->
|
||||
<line x1="140" y1="16" x2="246" y2="110" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".5"/>
|
||||
<line x1="140" y1="16" x2="34" y2="110" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".5"/>
|
||||
<!-- Select a few diagonals to show (representative cross-diagonals between actual vertices) -->
|
||||
<line x1="74" y1="26" x2="246" y2="110" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".5"/>
|
||||
<line x1="74" y1="26" x2="34" y2="110" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".5"/>
|
||||
<line x1="206" y1="26" x2="34" y2="110" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".5"/>
|
||||
<line x1="206" y1="26" x2="34" y2="80" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".5"/>
|
||||
<line x1="246" y1="80" x2="74" y2="164" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".5"/>
|
||||
<line x1="246" y1="80" x2="34" y2="110" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".5"/>
|
||||
<line x1="140" y1="16" x2="140" y2="164" stroke="#8b5cf6" stroke-width="1.5" stroke-dasharray="4 2" opacity=".7"/>
|
||||
<line x1="74" y1="26" x2="206" y2="164" stroke="#8b5cf6" stroke-width="1.5" stroke-dasharray="4 2" opacity=".7"/>
|
||||
<line x1="34" y1="80" x2="246" y2="110" stroke="#8b5cf6" stroke-width="1" stroke-dasharray="4 2" opacity=".5"/>
|
||||
<!-- vertices -->
|
||||
<circle cx="140" cy="16" r="3" fill="#8b5cf6"/>
|
||||
<circle cx="74" cy="26" r="3" fill="#8b5cf6"/>
|
||||
<circle cx="206" cy="26" r="3" fill="#8b5cf6"/>
|
||||
<circle cx="246" cy="80" r="3" fill="#8b5cf6"/>
|
||||
<circle cx="246" cy="110" r="3" fill="#8b5cf6"/>
|
||||
@@ -1217,7 +1220,7 @@ function buildP2(){
|
||||
<thead><tr><th>$n$</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>10</th></tr></thead>
|
||||
<tbody><tr><th>Сумма углов</th><td>$180°$</td><td>$360°$</td><td>$540°$</td><td>$720°$</td><td>$900°$</td><td>$1080°$</td><td>$1440°$</td></tr></tbody>
|
||||
</table>
|
||||
<div style="display:flex;justify-content:center;margin-top:12px"><svg viewBox="0 0 280 165" style="max-width:300px;background:#fafafa;border:1px solid var(--border);border-radius:10px">
|
||||
<div style="display:flex;justify-content:center;margin-top:12px"><svg viewBox="0 0 280 178" style="max-width:300px;background:#fafafa;border:1px solid var(--border);border-radius:10px">
|
||||
<!-- Pentagon A1-A5 triangulated from A1 -->
|
||||
<polygon points="140,16 238,82 200,158 80,158 42,82" fill="rgba(16,185,129,.08)" stroke="#10b981" stroke-width="2"/>
|
||||
<!-- triangulation diagonals from A1 -->
|
||||
@@ -1240,10 +1243,10 @@ function buildP2(){
|
||||
<!-- vertex labels -->
|
||||
<text x="140" y="8" text-anchor="middle" font-size="10" font-weight="700" fill="#047857" font-family="Unbounded,sans-serif">A₁</text>
|
||||
<text x="252" y="86" text-anchor="middle" font-size="10" font-weight="700" fill="#047857" font-family="Unbounded,sans-serif">A₂</text>
|
||||
<text x="210" y="166" text-anchor="middle" font-size="10" font-weight="700" fill="#047857" font-family="Unbounded,sans-serif">A₃</text>
|
||||
<text x="70" y="166" text-anchor="middle" font-size="10" font-weight="700" fill="#047857" font-family="Unbounded,sans-serif">A₄</text>
|
||||
<text x="210" y="172" text-anchor="middle" font-size="10" font-weight="700" fill="#047857" font-family="Unbounded,sans-serif">A₃</text>
|
||||
<text x="70" y="172" text-anchor="middle" font-size="10" font-weight="700" fill="#047857" font-family="Unbounded,sans-serif">A₄</text>
|
||||
<text x="28" y="86" text-anchor="middle" font-size="10" font-weight="700" fill="#047857" font-family="Unbounded,sans-serif">A₅</text>
|
||||
<text x="140" y="156" text-anchor="middle" font-size="9" fill="#047857" font-family="JetBrains Mono,monospace">n=5: (5-2)·180°=540°</text>
|
||||
<text x="140" y="174" text-anchor="middle" font-size="9" fill="#047857" font-family="JetBrains Mono,monospace">n=5: (5-2)·180°=540°</text>
|
||||
</svg></div>`);
|
||||
|
||||
html += makeCard('rule','Правильный многоугольник','2.2',`
|
||||
@@ -1263,7 +1266,7 @@ function buildP2(){
|
||||
</table>
|
||||
<div style="display:flex;justify-content:center;gap:14px;margin-top:12px;flex-wrap:wrap">
|
||||
<div style="text-align:center"><svg viewBox="0 0 90 90" style="width:85px;background:#fafafa;border:1px solid var(--border);border-radius:8px">
|
||||
<polygon points="45,8 78,70 12,70" fill="rgba(16,185,129,.12)" stroke="#10b981" stroke-width="2"/>
|
||||
<polygon points="45,9 76,63 14,63" fill="rgba(16,185,129,.12)" stroke="#10b981" stroke-width="2"/>
|
||||
<text x="45" y="86" text-anchor="middle" font-size="8" fill="#047857" font-weight="700" font-family="Inter,sans-serif">60°</text>
|
||||
</svg></div>
|
||||
<div style="text-align:center"><svg viewBox="0 0 90 90" style="width:85px;background:#fafafa;border:1px solid var(--border);border-radius:8px">
|
||||
@@ -1283,7 +1286,7 @@ function buildP2(){
|
||||
html += makeCard('example','Примеры','2.3',`
|
||||
<p><b>Один угол девятиугольника.</b> $n=9$: сумма $= (9-2)\\cdot 180°=7\\cdot 180°=1260°$. Один угол правильного 9-угольника: $1260°/9=140°$.</p>
|
||||
<p style="margin-top:6px"><b>Найти n по сумме углов.</b> Сумма $=1440°$: $(n-2)\\cdot 180°=1440° \\Rightarrow n-2=8 \\Rightarrow n=10$. Ответ: десятиугольник.</p>
|
||||
<div style="display:flex;justify-content:center;margin-top:12px"><svg viewBox="0 0 280 160" style="max-width:300px;background:#fafafa;border:1px solid var(--border);border-radius:10px">
|
||||
<div style="display:flex;justify-content:center;margin-top:12px"><svg viewBox="0 0 280 185" style="max-width:300px;background:#fafafa;border:1px solid var(--border);border-radius:10px">
|
||||
<!-- Regular nonagon (9-gon) with one angle arc highlighted (9 vertices) -->
|
||||
<polygon points="140,14 195,22 237,57 252,105 186,170 94,170 28,105 43,57 85,22" fill="rgba(217,119,6,.08)" stroke="#d97706" stroke-width="2"/>
|
||||
<!-- highlight angle arc at top vertex -->
|
||||
@@ -1293,7 +1296,7 @@ function buildP2(){
|
||||
<circle cx="140" cy="14" r="3.5" fill="#d97706" stroke="#fff" stroke-width="1.5"/>
|
||||
<text x="140" y="7" text-anchor="middle" font-size="9" fill="#b45309" font-family="Unbounded,sans-serif">A</text>
|
||||
<!-- formula caption -->
|
||||
<text x="140" y="152" text-anchor="middle" font-size="9" fill="#b45309" font-weight="700" font-family="JetBrains Mono,monospace">n=9: (9-2)·180°/9 = 140°</text>
|
||||
<text x="140" y="180" text-anchor="middle" font-size="9" fill="#b45309" font-weight="700" font-family="JetBrains Mono,monospace">n=9: (9-2)·180°/9 = 140°</text>
|
||||
</svg></div>`);
|
||||
|
||||
/* --- INTERACTIVE 1: Анимация триангуляции --- */
|
||||
@@ -1512,7 +1515,7 @@ function buildP3(){
|
||||
<div style="display:flex;justify-content:center;margin-top:12px"><svg viewBox="0 0 280 170" style="max-width:300px;background:#fafafa;border:1px solid var(--border);border-radius:10px">
|
||||
<!-- Triangle showing external angle at vertex B -->
|
||||
<polygon points="60,148 220,148 140,40" fill="rgba(16,185,129,.10)" stroke="#10b981" stroke-width="2"/>
|
||||
<!-- extension of side BA beyond A -->
|
||||
<!-- extension of side AB beyond B -->
|
||||
<line x1="220" y1="148" x2="280" y2="148" stroke="#94a3b8" stroke-width="1.5" stroke-dasharray="5 3"/>
|
||||
<!-- external angle arc at B (right vertex) -->
|
||||
<path d="M248,148 A28,28 0 0,0 222,122" stroke="#d97706" stroke-width="2.5" fill="rgba(217,119,6,.20)"/>
|
||||
@@ -1538,15 +1541,15 @@ function buildP3(){
|
||||
\\[\\beta = \\dfrac{360^{\\circ}}{n}\\]
|
||||
<p>Внутренний угол: $\\alpha = 180° - \\dfrac{360°}{n} = \\dfrac{(n-2)\\cdot 180°}{n}$.</p>
|
||||
<p>Отсюда: зная внешний угол $\\beta$, можно найти $n = \\dfrac{360°}{\\beta}$.</p>
|
||||
<div style="display:flex;justify-content:center;margin-top:12px"><svg viewBox="0 0 280 165" style="max-width:300px;background:#fafafa;border:1px solid var(--border);border-radius:10px">
|
||||
<div style="display:flex;justify-content:center;margin-top:12px"><svg viewBox="0 0 280 172" style="max-width:300px;background:#fafafa;border:1px solid var(--border);border-radius:10px">
|
||||
<!-- Regular hexagon with one external angle highlighted -->
|
||||
<polygon points="140,18 218,58 218,118 140,158 62,118 62,58" fill="rgba(8,145,178,.10)" stroke="#0891b2" stroke-width="2"/>
|
||||
<!-- Extend side at top-right vertex (218,58) to show external angle -->
|
||||
<line x1="140" y1="18" x2="218" y2="58" stroke="#0891b2" stroke-width="2"/>
|
||||
<line x1="218" y1="58" x2="296" y2="18" stroke="#94a3b8" stroke-width="1.5" stroke-dasharray="5 3"/>
|
||||
<!-- external angle arc -->
|
||||
<path d="M274,22 A38,38 0 0,0 250,62" stroke="#d97706" stroke-width="2.5" fill="rgba(217,119,6,.18)"/>
|
||||
<text x="272" y="52" font-size="11" fill="#b45309" font-weight="700" font-family="JetBrains Mono,monospace">60°</text>
|
||||
<!-- Extend side V3→V2 beyond V2 (straight up) to show external angle at V2=(218,58) -->
|
||||
<line x1="218" y1="118" x2="218" y2="58" stroke="#0891b2" stroke-width="2"/>
|
||||
<line x1="218" y1="58" x2="218" y2="10" stroke="#94a3b8" stroke-width="1.5" stroke-dasharray="5 3"/>
|
||||
<!-- external angle arc at V2=(218,58): between extension (pointing up) and side V2→V1 -->
|
||||
<path d="M218,30 A28,28 0 0,1 196,40" stroke="#d97706" stroke-width="2.5" fill="rgba(217,119,6,.18)"/>
|
||||
<text x="234" y="38" font-size="11" fill="#b45309" font-weight="700" font-family="JetBrains Mono,monospace">60°</text>
|
||||
<!-- vertices -->
|
||||
<circle cx="140" cy="18" r="3" fill="#0891b2"/>
|
||||
<circle cx="218" cy="58" r="4" fill="#d97706" stroke="#fff" stroke-width="1.5"/>
|
||||
@@ -1555,7 +1558,7 @@ function buildP3(){
|
||||
<circle cx="62" cy="118" r="3" fill="#0891b2"/>
|
||||
<circle cx="62" cy="58" r="3" fill="#0891b2"/>
|
||||
<!-- caption -->
|
||||
<text x="140" y="152" text-anchor="middle" font-size="9" fill="#0e7490" font-weight="700" font-family="JetBrains Mono,monospace">n=6: β=360°/6=60°</text>
|
||||
<text x="140" y="170" text-anchor="middle" font-size="9" fill="#0e7490" font-weight="700" font-family="JetBrains Mono,monospace">n=6: β=360°/6=60°</text>
|
||||
</svg></div>`);
|
||||
|
||||
html += makeCard('example','Примеры','3.3',`
|
||||
@@ -1879,14 +1882,14 @@ function buildP4(){
|
||||
<!-- Parallelogram with angle arcs showing equal opposite angles -->
|
||||
<polygon points="60,132 96,38 220,38 184,132" fill="rgba(16,185,129,.08)" stroke="#10b981" stroke-width="2"/>
|
||||
<!-- angle arcs: A and C are equal (green), B and D are equal (blue) -->
|
||||
<path d="M76,124 A22,22 0 0,1 82,108" stroke="#10b981" stroke-width="2" fill="rgba(16,185,129,.25)"/>
|
||||
<text x="88" y="122" font-size="9" fill="#047857" font-weight="700" font-family="JetBrains Mono,monospace">α</text>
|
||||
<path d="M168,122 A22,22 0 0,1 200,130" stroke="#10b981" stroke-width="2" fill="rgba(16,185,129,.25)"/>
|
||||
<text x="178" y="119" font-size="9" fill="#047857" font-weight="700" font-family="JetBrains Mono,monospace">α</text>
|
||||
<path d="M68,111 A22,22 0 0,1 82,132" stroke="#10b981" stroke-width="2" fill="rgba(16,185,129,.25)"/>
|
||||
<text x="84" y="124" font-size="9" fill="#047857" font-weight="700" font-family="JetBrains Mono,monospace">α</text>
|
||||
<path d="M200,38 A22,22 0 0,0 213,57" stroke="#10b981" stroke-width="2" fill="rgba(16,185,129,.25)"/>
|
||||
<text x="195" y="54" font-size="9" fill="#047857" font-weight="700" font-family="JetBrains Mono,monospace">α</text>
|
||||
<path d="M102,52 A22,22 0 0,1 116,44" stroke="#0891b2" stroke-width="2" fill="rgba(8,145,178,.25)"/>
|
||||
<text x="108" y="64" font-size="9" fill="#0e7490" font-weight="700" font-family="JetBrains Mono,monospace">β</text>
|
||||
<path d="M204,44 A22,22 0 0,1 220,52" stroke="#0891b2" stroke-width="2" fill="rgba(8,145,178,.25)"/>
|
||||
<text x="198" y="64" font-size="9" fill="#0e7490" font-weight="700" font-family="JetBrains Mono,monospace">β</text>
|
||||
<path d="M164,132 A22,22 0 0,0 191,113" stroke="#0891b2" stroke-width="2" fill="rgba(8,145,178,.25)"/>
|
||||
<text x="160" y="120" font-size="9" fill="#0e7490" font-weight="700" font-family="JetBrains Mono,monospace">β</text>
|
||||
<!-- vertices -->
|
||||
<circle cx="60" cy="132" r="3.5" fill="#10b981" stroke="#fff" stroke-width="1.5"/>
|
||||
<circle cx="96" cy="38" r="3.5" fill="#0891b2" stroke="#fff" stroke-width="1.5"/>
|
||||
@@ -1907,19 +1910,19 @@ function buildP4(){
|
||||
<div style="display:flex;justify-content:center;gap:14px;margin-top:12px;flex-wrap:wrap">
|
||||
<div style="text-align:center"><svg viewBox="0 0 100 80" style="width:96px;background:#fafafa;border:1px solid var(--border);border-radius:8px">
|
||||
<polygon points="20,64 30,20 80,20 70,64" fill="rgba(217,119,6,.12)" stroke="#d97706" stroke-width="2"/>
|
||||
<text x="24" y="44" font-size="9" fill="#b45309" font-weight="700" font-family="JetBrains Mono,monospace">8</text>
|
||||
<text x="54" y="16" font-size="9" fill="#b45309" font-weight="700" font-family="JetBrains Mono,monospace">8</text>
|
||||
<text x="76" y="44" font-size="9" fill="#0e7490" font-weight="700" font-family="JetBrains Mono,monospace">5</text>
|
||||
<text x="38" y="74" font-size="9" fill="#0e7490" font-weight="700" font-family="JetBrains Mono,monospace">5</text>
|
||||
<text x="22" y="44" font-size="9" fill="#b45309" font-weight="700" font-family="JetBrains Mono,monospace">8</text>
|
||||
<text x="54" y="16" font-size="9" fill="#0e7490" font-weight="700" font-family="JetBrains Mono,monospace">5</text>
|
||||
<text x="76" y="44" font-size="9" fill="#b45309" font-weight="700" font-family="JetBrains Mono,monospace">8</text>
|
||||
<text x="36" y="74" font-size="9" fill="#0e7490" font-weight="700" font-family="JetBrains Mono,monospace">5</text>
|
||||
<text x="48" y="76" text-anchor="middle" font-size="7" fill="#b45309" font-family="Inter,sans-serif">P=26</text>
|
||||
</svg>
|
||||
<div style="font-size:.78rem;color:var(--muted);margin-top:4px">AB=8, BC=5</div></div>
|
||||
<div style="text-align:center"><svg viewBox="0 0 100 80" style="width:96px;background:#fafafa;border:1px solid var(--border);border-radius:8px">
|
||||
<polygon points="20,64 30,20 80,20 70,64" fill="rgba(16,185,129,.12)" stroke="#10b981" stroke-width="2"/>
|
||||
<path d="M29,48 A14,14 0 0,1 27,34" stroke="#10b981" stroke-width="1.5" fill="rgba(16,185,129,.2)"/>
|
||||
<text x="34" y="48" font-size="8" fill="#047857" font-weight="700" font-family="JetBrains Mono,monospace">65°</text>
|
||||
<path d="M64,30 A14,14 0 0,1 76,38" stroke="#10b981" stroke-width="1.5" fill="rgba(16,185,129,.2)"/>
|
||||
<text x="58" y="28" font-size="8" fill="#047857" font-weight="700" font-family="JetBrains Mono,monospace">65°</text>
|
||||
<path d="M34,64 A14,14 0 0,1 23,50" stroke="#10b981" stroke-width="1.5" fill="rgba(16,185,129,.2)"/>
|
||||
<text x="33" y="56" font-size="8" fill="#047857" font-weight="700" font-family="JetBrains Mono,monospace">65°</text>
|
||||
<path d="M66,20 A14,14 0 0,0 77,34" stroke="#10b981" stroke-width="1.5" fill="rgba(16,185,129,.2)"/>
|
||||
<text x="58" y="35" font-size="8" fill="#047857" font-weight="700" font-family="JetBrains Mono,monospace">65°</text>
|
||||
<text x="48" y="76" text-anchor="middle" font-size="7" fill="#047857" font-family="Inter,sans-serif">∠A=∠C=65°</text>
|
||||
</svg>
|
||||
<div style="font-size:.78rem;color:var(--muted);margin-top:4px">∠B=∠D=115°</div></div>
|
||||
@@ -2601,8 +2604,12 @@ function buildP6(){
|
||||
</svg></div>
|
||||
<div style="text-align:center"><svg viewBox="0 0 88 80" style="width:84px;background:#fafafa;border:1px solid var(--border);border-radius:8px">
|
||||
<polygon points="14,64 24,20 74,20 64,64" fill="rgba(192,38,211,.10)" stroke="#c026d3" stroke-width="2"/>
|
||||
<line x1="36" y1="16" x2="52" y2="16" stroke="#c026d3" stroke-width="2" marker-end="url(#arr)"/>
|
||||
<line x1="26" y1="68" x2="42" y2="68" stroke="#c026d3" stroke-width="2" marker-end="url(#arr)"/>
|
||||
<!-- single tick on top side BC (midpoint 49,20) and bottom side AD (midpoint 39,64): AB∥CD and AB=CD -->
|
||||
<line x1="46" y1="17" x2="50" y2="23" stroke="#c026d3" stroke-width="2"/>
|
||||
<line x1="36" y1="61" x2="40" y2="67" stroke="#c026d3" stroke-width="2"/>
|
||||
<!-- parallel direction arrows: small > marks -->
|
||||
<polyline points="43,17 47,20 43,23" fill="none" stroke="#c026d3" stroke-width="1.5"/>
|
||||
<polyline points="33,61 37,64 33,67" fill="none" stroke="#c026d3" stroke-width="1.5"/>
|
||||
<text x="44" y="76" text-anchor="middle" font-size="7" fill="#a21caf" font-weight="700" font-family="Inter,sans-serif">Признак 2</text>
|
||||
</svg></div>
|
||||
<div style="text-align:center"><svg viewBox="0 0 88 80" style="width:84px;background:#fafafa;border:1px solid var(--border);border-radius:8px">
|
||||
|
||||
Reference in New Issue
Block a user