envisionはHTML5/JavaScriptによるグラフライブラリです。ファイナンス系グラフ、フラクタルグラフを描けます。 HTML5/JavaScriptを使った高度なグラフライブラリとしてenvisionを紹介します。一般的なグラフというよりも、ファイナンス系のグラフ描画が得意なようです。 リアルタイムグラフ。刻々とグラフが追記されていきます。 タイムシリーズ。指定範囲だけを拡大できます。 こんな感じでマウスで幅を広げたりできます。 ファイナンス。株価、出来高といった指標を表示するのに使えます。 こちらも幅を変更できます。 中央をドラッグすれば左右への移動も可能です。 マウスでポイントにおける数値を表示できます。Ajaxによるデータ変更もサポートしています。 幅の変更ももちろん可能です。 フラクタル画像です。 マウスで範囲を指定して拡大できます。 envisionはHTML5のラ
ペイント領域を設定する シンプルペイントの制作に取りかかりましょう。最初に、ペイント領域をcanvas要素として用意します。このcanvas要素には、スクリプトで操作しやすいように「myCanvas」というID名を付け、width属性とheight属性を指定します。ここでは横幅640ピクセル、縦幅480ピクセルにしました。 <canvas id="myCanvas" width="640" height="480"></canvas> このままだと、IE6～8などのCanvasに対応していないブラウザーでは何も表示されませんので、未対応ブラウザーの場合は次のようにメッセージを表示します。 <canvas id="myCanvas" width="640" height="480"> HTML5 Canvasに対応したブラウザーを使用してください。 </canvas> これで、HTMLの準備
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
