svgで遊んでみる
ちょっとsvgを真面目に触ることにした。
基本
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>svg demo</title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200" height="200">
<rect x="60" y="60" width="100" height="80" fill="lime" stroke="red" stroke-width="5"/>
</svg>
</body>
</html>
ポリゴンを書いてみる
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>svg demo</title>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="1000" height="1000">
<polygon fill="lime" stroke="orange" stroke-width="3" points="100,160 400,160 250,420" />
</svg>
</body>
</html>
