Canvasとは - Canvas - HTML5.JP
Canvasとは、ブラウザ上に図を描くために策定された仕様です。 これまでHTML上で図を表現するためには、GIFやJPEGといったフォーマットの画像を用意する必要がありました。また、条件に応じて表示する図を変化させたり、アニメーションを実現するために、FlashやJavaアプレットが使われてきました。 Canvasは、FlashやJavaのようにプラグインを使わずに、JavaScriptベースで図を描くことができます。 実際に、Canvasを使って円グラフを作ってみました。上図はFirefox 2.0での結果をキャプチャーしたものです。Canvasで描かれたのは色がついた図形部分です。Internet Explorer 6以上、Firefox 1.5以上、Opera 9以上、Safari 1.3以上であれば、実際のCanvasの動作をご覧頂くことができます。 [Canvasを使った円グラ
【連載】第一回HTML5でCanvasアプリを作る入門編 ~canvas関連メソッドリファレンス~ - nigoblog
前回ざっくりWEBアプリが来る!という記事を書きました。 というわけで今回はWEBアプリの作り方!特にcanvasを利用したアプリの作り方について書いていこうと思います。かなり内容は入門者向けですので、まだプログラミングを知らないという人でも記事を読みながらプログラミングが出来ると思います。 これも連載形式で書いていこうと思います。 連載が終わる頃にはcanvasでWEBアプリを作れるようになっていることでしょう! 第一回目のテーマは色々やってみようということでcanvas関連メソッドのリファレンスを書いていきます。 参考図書 canvasで出来ること canvasを使う準備 canvasで良く使うメソッド まとめ という流れで書いていきます。 参考図書 参考図書にはこちら。 HTML5 Canvas 作者: Steve Fulton,Jeff Fulton,安藤慶一出版社/メーカー: オ
<canvas>タグで図形を描く－HTML5リファレンス
■<canvas>タグで図形を描く 今までウェブページ上で図形を描くには、 PNG・ JPEG・ GIFなどの画像に置き換えるか、 Flash などのプラグインデータを埋め込むのが一般的でした。 HTML5では、2Dのグラフィックスを描く、<canvas>要素が新たに追加されています。 <canvas>を使用することで、標準のHTMLとJavaScriptだけで、 グラフやゲームグラフィックスなどの図形をすばやく表示できるようになります。 HTMLの部分は大変シンプルです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
