SVG Viewer Sample

SVG の表示機能をJavascript で利用して、簡易な図形Viewer (のようなもの)を作ってみました。

これが何の役に立つのか、と問われるとぶっちゃけ困るのですが……。まあ、暇人の暇つぶしのサンプルということでひとつ。

not supported...

操作方法

  1. 移動
    Viewer 領域上でドラッグすると、それに合わせて図形が上下左右に移動します。

  2. 拡大縮小
    Viewer 領域上でマウスホイールを回転すると、それに合わせて図形が拡大縮小します。

  3. 回転
    Viewer 領域上をクリックしたまま、マウスホイールを回転すると、クリック地点を中心に図形が回転します。


2007.08 dmwp.org