画一个角是90°另一个角是60°的直角三角形，一个角90°另一个角60°的直角三角形

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="350" viewBox="0 0 400 350">
  <!-- 背景 -->
  <rect width="400" height="350" fill="#f9f9f9" stroke="#ccc" stroke-width="1"/>
  <!-- 直角三角形 
       直角在左下角 (50, 300)
       60°角在右下角 (50 + 150*tan30°?, 300) 
       直角边水平长度 = 150 * tan(30°) ≈ 86.6
       但我们更简单地：水平直角边 = 150，垂边 = 150 * tan(60°) ≈ 259.8
       直角在左下角 (50, 300)
       水平直角边到 (250, 300)， 长度200
       垂直直角边到 (50, 300-200*tan60°) = (50, 300-346.4) 太长了
       重新设定：水平直角边 = 200，垂直直角边 = 200 * tan(60°) ≈ 346.4
       太大了，缩小一点。
       设垂直直角边 = 200，水平直角边 = 200 / tan(60°) ≈ 115.5
       直角在左下角 (80, 300)
       垂直边到 (80, 100)  长度200
       水平边到 (80+115.5, 300) = (195.5, 300)
       斜边连接 (80, 100) 到 (195.5, 300)
       60°角在右下角 (195.5, 300)
       30°角在顶部 (80, 100)
  -->
  <!-- 三角形填充 -->
  <polygon points="80,300 195.5,300 80,100" fill="#e3f2fd" stroke="#1565c0" stroke-width="2.5"/>
  <!-- 直角标记 -->
  <polyline points="80,280 100,280 100,300" fill="none" stroke="#1565c0" stroke-width="2"/>
  <rect x="82" y="282" width="16" height="16" fill="none" stroke="#1565c0" stroke-width="1.5"/>
  <!-- 60°角弧线标记 -->
  <path d="M 175,300 A 20,20 0 0,0 185,286" fill="none" stroke="#e53935" stroke-width="2"/>
  <text x="168" y="290" font-size="14" fill="#e53935" font-family="Arial">60°</text>
  <!-- 90°角标记文字 -->
  <text x="105" y="295" font-size="13" fill="#1565c0" font-family="Arial">90°</text>
  <!-- 顶点标注 -->
  <circle cx="80" cy="300" r="3" fill="#333"/>
  <circle cx="195.5" cy="300" r="3" fill="#333"/>
  <circle cx="80" cy="100" r="3" fill="#333"/>
  <!-- 顶点标签 -->
  <text x="65" y="318" font-size="15" fill="#333" font-family="Arial" font-weight="bold">A</text>
  <text x="200" y="318" font-size="15" fill="#333" font-family="Arial" font-weight="bold">B</text>
  <text x="65" y="95" font-size="15" fill="#333" font-family="Arial" font-weight="bold">C</text>
  <!-- 边的标注 -->
  <text x="135" y="320" font-size="13" fill="#555" font-family="Arial">a (直角边)</text>
  <text x="30" y="205" font-size="13" fill="#555" font-family="Arial" transform="rotate(-90,30,205)">b (直角边)</text>
  <text x="155" y="195" font-size="13" fill="#555" font-family="Arial">c (斜边)</text>
  <!-- 标题 -->
  <text x="110" y="30" font-size="16" fill="#333" font-family="Arial" font-weight="bold">直角三角形 (60°-90°-30°)</text>
  <text x="140" y="50" font-size="12" fill="#666" font-family="Arial">角度：90°, 60°, 30°</text>
</svg>

图中画出了标准直角三角形：左下角是90°直角，右下角标注为60°，顶部为对应的30°角；三边分别用 a、b、c 标出，便于继续做边长关系或三角函数说明。