Skip to content

Instantly share code, notes, and snippets.

@katsumitakano

katsumitakano/index.html

Created February 3, 2014 08:43
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save katsumitakano/8780625 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save katsumitakano/8780625 to your computer and use it in GitHub Desktop.
Download ZIP
円弧のサンプル
Raw
index.html
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body{
width: 960px;
height: 500px;
}
</style>
</head>
<body>
<svg width="960" height="500">
<g transform="translate(10,10)">
<path stroke="black" fill="none" d="
M 0,0
A 200,200 0 0 0 200,200
"></path>
<!-- 以下は付加情報 -->
<circle cx="0" cy="0" r="5" fill="black"></circle>
<text x="0" y="0" dx="10" dy="10" fill="red">M0, 0</text>
<circle cx="200" cy="0" r="10" fill="blue"></circle>
<circle cx="200" cy="200" r="5" fill="black"></circle>
<text x="200" y="200" dx="10" dy="10" fill="red">200, 200</text>
<line x1="0" y1="0" x2="200" y2="0" stroke="black" stroke-dasharray="5 5" opacity="0.2"></line>
<line x1="200" y1="0" x2="200" y2="200" stroke="black" stroke-dasharray="5 5" opacity="0.2">
</line>
</g>
</svg>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment