<svg xmlns="http://www.w3.org/2000/svg" width="400" height="350" viewBox="0 0 400 350">
  <!-- 背景 -->
  <rect width="400" height="350" fill="#f8f9fa" rx="10"/>
  <!-- 三角形：直角在左下角(C)，60°角在右下角(B)，30°角在上方(A) -->
  <!-- 使用30-60-90三角形比例：短直角边:长直角边:斜边 = 1:√3:2 -->
  <!-- 缩放：短直角边 = 150px，长直角边 ≈ 260px -->
  <!-- 顶点坐标：C(80, 280), B(80+260, 280) = (340, 280), A(80, 280-150) = (80, 130) -->
  <!-- 三角形填充 -->
  <polygon points="80,280 340,280 80,130" fill="#e3f2fd" stroke="#1976d2" stroke-width="2.5" stroke-linejoin="round"/>
  <!-- 直角标记（左下角C处） -->
  <polyline points="80,255 105,255 105,280" fill="none" stroke="#d32f2f" stroke-width="2"/>
  <!-- 60°角弧线标记（右下角B处） -->
  <path d="M 290,280 A 50,50 0 0,0 310,252" fill="none" stroke="#e65100" stroke-width="2"/>
  <text x="278" y="265" font-size="16" fill="#e65100" font-family="Arial" font-weight="bold">60°</text>
  <!-- 90°标记文字 -->
  <text x="90" y="272" font-size="14" fill="#d32f2f" font-family="Arial" font-weight="bold">90°</text>
  <!-- 30°角标记（上方A处） -->
  <path d="M 100,148 A 40,40 0 0,0 80,170" fill="none" stroke="#2e7d32" stroke-width="2"/>
  <text x="92" y="162" font-size="14" fill="#2e7d32" font-family="Arial" font-weight="bold">30°</text>
  <!-- 顶点标签 -->
  <text x="60" y="295" font-size="16" fill="#333" font-family="Arial" font-weight="bold">C</text>
  <text x="345" y="295" font-size="16" fill="#333" font-family="Arial" font-weight="bold">B</text>
  <text x="60" y="125" font-size="16" fill="#333" font-family="Arial" font-weight="bold">A</text>
  <!-- 边长标注 -->
  <!-- AC边 (短直角边) -->
  <text x="55" y="210" font-size="14" fill="#555" font-family="Arial" transform="rotate(-90,55,210)">a</text>
  <!-- BC边 (长直角边) -->
  <text x="200" y="300" font-size="14" fill="#555" font-family="Arial">√3a</text>
  <!-- AB边 (斜边) -->
  <text x="160" y="190" font-size="14" fill="#555" font-family="Arial" transform="rotate(-30,160,190)">2a</text>
  <!-- 标题 -->
  <text x="200" y="30" font-size="18" fill="#333" font-family="Arial" font-weight="bold" text-anchor="middle">30°-60°-90° 直角三角形</text>
  <!-- 说明 -->
  <text x="200" y="335" font-size="13" fill="#666" font-family="Arial" text-anchor="middle">三边比例：a : √3a : 2a（短直角边 : 长直角边 : 斜边）</text>
</svg>

图中用不同颜色标出了直角、60°角和30°角，并在三边旁标注了对应比例关系：短直角边、长直角边与斜边之比为 a : √3a : 2a，便于直观理解这个特殊直角三角形。