Test 三角形 - Revision history

Mwroot at 07:55, 23 September 2025

2025-09-23T07:55:37Z

@@ Line 68: / Line 68: @@
      无罪 [shape=trapezium, fillcolor=green,  width=3.0, height=0.6, label="无罪", pos="1,1!"]
+}
 </graphviz>

Mwroot at 07:52, 23 September 2025

2025-09-23T07:52:18Z

@@ Line 55: / Line 55: @@
      重罪 -> 轻罪 -> 无罪 [style=invis]
+}
 </graphviz>

Mwroot at 07:48, 23 September 2025

2025-09-23T07:48:45Z

@@ Line 39: / Line 39: @@
      // 不可见连接确保正确重叠
      底层 -> 中层 -> 顶层 [style=invis]
+}
 </graphviz>

Mwroot at 07:40, 23 September 2025

2025-09-23T07:40:32Z

← Older revision		Revision as of 15:40, 23 September 2025
Line 1:		Line 1:
			<graphviz>
	digraph {		digraph {
	rankdir=TB		rankdir=TB
Line 39:		Line 40:
	底层 -> 中层 -> 顶层 [style=invis]		底层 -> 中层 -> 顶层 [style=invis]
	}		}
			</graphviz>

Mwroot at 07:40, 23 September 2025

2025-09-23T07:40:05Z

← Older revision	Revision as of 15:40, 23 September 2025
Line 1:	Line 1:
		digraph {
		rankdir=TB
		splines=false

		// 底层大三角形
		底层 [
		shape=invtriangle
		style=filled
		fillcolor=green
		label="无罪"
		width=3
		height=2
		]

		// 中层三角形
		中层 [
		shape=invtriangle
		style=filled
		fillcolor=yellow
		label="轻罪"
		width=2
		height=1.3
		]

		// 顶层三角形
		顶层 [
		shape=invtriangle
		style=filled
		fillcolor=red
		label="重罪"
		width=1
		height=0.7
		]

		// 排列层级
		{rank=same; 底层中层顶层}

		// 不可见连接确保正确重叠
		底层 -> 中层 -> 顶层 [style=invis]
		}

Mwroot: Blanked the page

2025-09-23T07:37:24Z

Blanked the page

← Older revision		Revision as of 15:37, 23 September 2025
Line 1:		Line 1:
	~~<html>~~
	~~<!-- 方法2：HTML + CSS（需要允许 style/clip-path） -->~~
	~~<style>~~
	~~.tri { width:300px; height:260px; position:relative; clip-path:polygon(50% 0, 0% 100%, 100% 100%); background:#E6F4FF; font-family:sans-serif; }~~
	~~.slice { position:absolute; left:0; right:0; display:flex; align-items:center; justify-content:center; color:#0b3b57; font-weight:600; }~~
	~~.slice.top { top:0; height:86.6667px; clip-path:polygon(50% 0, 33.33% 100%, 66.67% 100%); }~~
	~~.slice.mid { top:86.6667px; height:86.6667px; clip-path:polygon(33.33% 0, 16.67% 100%, 83.33% 100%, 66.67% 0); }~~
	~~.slice.bot { top:173.3333px; height:86.6667px; clip-path:polygon(16.67% 0, 0% 100%, 100% 100%, 83.33% 0); }~~
	~~</style>~~

	~~<div class="tri">~~
	~~<div class="slice top">A</div>~~
	~~<div class="slice mid">B</div>~~
	~~<div class="slice bot">C</div>~~
	~~</div>~~
	~~</html>~~

Mwroot at 07:37, 23 September 2025

2025-09-23T07:37:18Z

← Older revision		Revision as of 15:37, 23 September 2025
Line 1:		Line 1:
			<html>
	<!-- 方法2：HTML + CSS（需要允许 style/clip-path） -->		<!-- 方法2：HTML + CSS（需要允许 style/clip-path） -->
	<style>		<style>
Line 13:		Line 14:
	<div class="slice bot">C</div>		<div class="slice bot">C</div>
	</div>		</div>
			</html>

Mwroot at 07:36, 23 September 2025

2025-09-23T07:36:58Z

← Older revision		Revision as of 15:36, 23 September 2025
Line 1:		Line 1:
	<!-- ~~方法1：SVG 版本（推荐）~~ -->		<!-- 方法2：HTML + CSS（需要允许 style/clip-path） -->
	<~~div~~ style="width:300px;">		<style>
	~~<svg viewBox="0 0 300 260" xmlns="http~~:~~//www.w3.org/2000/svg" aria~~-~~label="三层三角形">~~		.tri { width:300px; height:260px; position:relative; clip-path:polygon(50% 0, 0% 100%, 100% 100%); background:#E6F4FF; font-family:sans-serif; }
	~~<!-- 三角形主体（浅蓝） -->~~		.slice { position:absolute; left:0; right:0; display:flex; align-items:center; justify-content:center; color:#0b3b57; font-weight:600; }
	<polygon ~~points="150~~,0 0,~~260 300,260" fill="~~#E6F4FF~~" stroke="#BEE6FF" stroke~~-~~width="1"/>~~		.slice.top { top:0; height:86.6667px; clip-path:polygon(50% 0, 33.33% 100%, 66.67% 100%); }
	<!-- ~~分割线（两条）~~ -->		.slice.mid { top:86.6667px; height:86.6667px; clip-path:polygon(33.33% 0, 16.67% 100%, 83.33% 100%, 66.67% 0); }
	~~<line x1="100" y1="~~86.~~6667" x2="200" y2="~~86.~~6667" stroke="#FFFFFF" stroke~~-~~width="2" />~~		.slice.bot { top:173.3333px; height:86.6667px; clip-path:polygon(16.67% 0, 0% 100%, 100% 100%, 83.33% 0); }
	~~<line x1="50" y1="~~173.~~3333" x2="250" y2="173~~.~~3333" stroke="#FFFFFF" stroke~~-~~width="2"~~ />		</style>
	<~~!-- 层标签 A B C（居中） --~~>
	<~~text x="150" y="43.333" text-anchor="middle" dominant-baseline="middle" font-size="20" font-family~~="~~sans-serif" fill="#0b3b57~~">A</~~text~~>		<div class="tri">
	<~~text x="150" y="130" text-anchor="middle" dominant-baseline~~="~~middle" font-size="20" font-family="sans-serif" fill="#0b3b57~~">B</~~text~~>		<div class="slice top">A</div>
	<~~text x~~="~~150" y="216.666" text-anchor="middle" dominant-baseline="middle" font-size="20" font-family="sans-serif" fill="#0b3b57~~">C</~~text>~~		<div class="slice mid">B</div>
	~~</svg~~>		<div class="slice bot">C</div>
	</div>		</div>

Mwroot at 07:36, 23 September 2025

2025-09-23T07:36:34Z

← Older revision	Revision as of 15:36, 23 September 2025
Line 1:	Line 1:
		<!-- 方法1：SVG 版本（推荐） -->
		<div style="width:300px;">
		<svg viewBox="0 0 300 260" xmlns="http://www.w3.org/2000/svg" aria-label="三层三角形">
		<!-- 三角形主体（浅蓝） -->
		<polygon points="150,0 0,260 300,260" fill="#E6F4FF" stroke="#BEE6FF" stroke-width="1"/>
		<!-- 分割线（两条） -->
		<line x1="100" y1="86.6667" x2="200" y2="86.6667" stroke="#FFFFFF" stroke-width="2" />
		<line x1="50" y1="173.3333" x2="250" y2="173.3333" stroke="#FFFFFF" stroke-width="2" />
		<!-- 层标签 A B C（居中） -->
		<text x="150" y="43.333" text-anchor="middle" dominant-baseline="middle" font-size="20" font-family="sans-serif" fill="#0b3b57">A</text>
		<text x="150" y="130" text-anchor="middle" dominant-baseline="middle" font-size="20" font-family="sans-serif" fill="#0b3b57">B</text>
		<text x="150" y="216.666" text-anchor="middle" dominant-baseline="middle" font-size="20" font-family="sans-serif" fill="#0b3b57">C</text>
		</svg>
		</div>

Mwroot: Blanked the page

2025-09-23T07:32:52Z

Blanked the page

← Older revision		Revision as of 15:32, 23 September 2025
Line 1:		Line 1:
	~~<!-- 直接放在 MediaWiki 页面（若允许 raw HTML） -->~~
	~~<div style="width:0;height:0;~~
	~~border-left:50px solid transparent;~~
	~~border-right:50px solid transparent;~~
	~~border-bottom:20px solid lightblue;">~~
	~~</div>~~