svgとjavascript

HTML5ではsvgがそのまま記述できます。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>sample</title>
</head>
<body>
  <svg width="300" height="200">
  ...
  </svg>
</body>
</html>

inkscapeのデータを利用する

inkscapeで描いて保存するとsvgファイルができます。これを利用する方法を示します。