ライブラリのダウンロード 下記公式サイトからダウンロードしてください。 Raphael_JavaScript Library 解凍したフォルダの中にある「raphael-min.js」を読み込みます。 簡単な図形を描いてみる 最初に簡単な丸を描いてみます。 SVGを描画するための「div」を用意します。 html <div id="svg"></div> cssで適当な大きさに設定します。 css #svg { width: 590px; height: 300px; background: #eee; } 最後にjsです。 JavaScript <script type="text/javascript" src="raphael-min.js"></script> <script type="text/javascript"> window.onload = function () {
![SVGを簡単に扱えるJSライブラリRaphael.js使ってみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/55fefddc3410e091a1ed4be8a66ba8d3e360566f/height=288;version=1;width=512/https%3A%2F%2Fwww.webopixel.net%2Fblog%2Fwp-content%2Fuploads%2F2012%2F07%2F0706s.gif)