<?xml version="1.0" encoding="euc-jp"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "mathml.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:svg="http://www.w3.org/2000/svg" >
<head>
<style>
  polygon:hover {stroke:red; stroke-width:5; fill-opacity:0.5;}
</style>
</head>
<body>
<h1>上半平面
<math mode="inline" xmlns='&mathml;'>
<mi>H</mi><mo>=</mo><mo>{</mo><mi>z</mi><mo>&in;</mo><mi>C</mi><mo>;</mo><mo>Im</mo><mi>z</mi><mo>&ge;</mo><mn>0</mn><mo>}</mo>
</math>
に計量
<math xmlns='&mathml;'>
<msup><mi>ds</mi><mn>2</mn></msup><mo>=</mo>
<mfrac>
<mrow>
<msup><mi>dx</mi><mn>2</mn></msup><mo>+</mo>
<msup><mi>dy</mi><mn>2</mn></msup>
</mrow>
<msup><mi>y</mi><mn>2</mn></msup>
</mfrac>
</math>
を入れてポアンカレ距離を決める</h1>
<svg:svg xmlns="http://www.w3.org/2000/svg">
<svg:g>
 <path d="M600,350 L 650,325 
            A25,25  -30 0,1  700,300 L  750,275 z"
            style="fill:blue; stroke:blue; stroke-width:1"/>
<!--
<path d="M200,200 H100 A100,100 0 0,1 200,100 z"
            style="fill:blue; stroke:blue; stroke-width:1"/>
-->
</svg:g>
</svg:svg>
<h1>円と楕円</h1>
<h2>中心(a,b)で半径rの円</h2>
<math xmlns='&mathml;'>
<msup>
  <mrow><mo>(</mo><mi>x</mi><mo>-</mo><mi>a</mi><mo>)</mo></mrow>
  <mn>2</mn>
</msup><mo>+</mo>
<msup>
  <mrow><mo>(</mo><mi>y</mi><mo>-</mo><mi>b</mi><mo>)</mo></mrow>
  <mn>2</mn>
</msup>
<mo>=</mo><msup><mi>r</mi><mn>2</mn></msup>
</math>
<svg:svg xmlns="http://www.w3.org/2000/svg">
<svg:g>
    <svg:circle cx="100" cy="100" r="100"
	style="fill:blue;"/>
    <svg:line x1="100" y1="100" x2="200" y2="100" style="stroke-width:
    1; stroke:red;"/>
</svg:g>
</svg:svg>
<h2>焦点(a,0),(-a,0) で焦点距離が 2rの楕円</h2>
<math xmlns='&mathml;'>
<mfrac><msup><mi>x</mi><mn>2</mn></msup><msup><mi>a</mi><mn>2</mn></msup></mfrac><mo>+</mo>
<mfrac><msup><mi>y</mi><mn>2</mn></msup>
  <mrow><msup><mi>r</mi><mn>2</mn></msup><mo>-</mo>
  <msup><mi>a</mi><mn>2</mn></msup></mrow></mfrac>
<mo>=</mo><mn>1</mn>
</math>
<svg:svg>
<svg:g>
 <svg:ellipse cx="300" cy="100" rx="200" ry="100"
        style="fill:lime; fill-opacity:0.9;" />
</svg:g>
</svg:svg> 
</body>
</html>

