MANY MOMENT .COM BY RAFAEL ROZENDAAL - 2018 - WWW.NEWRAFAEL.COM, COLLECTION HARRIE KOLEN, CODE BY REINIER FEIJEN - WWW.BOXOFCHOCOLATES.NL
Sunday, February 22, 2009 3 comments HTML5 Canvas Cheat Sheet Labels: canvas My memory isn't very good and I often find myself looking up simple things in various specs but sometimes they're just too damn long-winded when you're simply looking for argument x of function y. That's where cheat sheets and reference cards come in handy with their compact, bare-bones information crammed into, at most,
映像などいろいろ 音楽などいろいろ 思いつきでときどき落書き 2009/08/27 JavaScript教材のサンプル・グラフ編 2009/08/18 JavaScript Canvasサンプル いろいろサンプル。 --------------------------------- 2008/12/15 ホームページを作り始めてみる。 2009/08/05-08/22 JavaScript は個人的にあまり知らない言語なんで、ちょいとこちらも眺めてみる。 Canvas やグラフィクスあたりを眺めてみる。対象は Firefox 3.5。こちらまだ黎明の話なので、他のブラウザで動作するかどうか確認しないのであしからず。IE では動きません。Chrome や Safari など他のブラウザでどう見えるか?、同じように実行しているか?の比較テストサンプルぐらいに思ってください。 ◎参考リンク
■<canvas>タグで図形を描く 今までウェブページ上で図形を描くには、 PNG・ JPEG・ GIFなどの画像に置き換えるか、 Flash などのプラグインデータを埋め込むのが一般的でした。 HTML5では、2Dのグラフィックスを描く、<canvas>要素が新たに追加されています。 <canvas>を使用することで、標準のHTMLとJavaScriptだけで、 グラフやゲームグラフィックスなどの図形をすばやく表示できるようになります。 HTMLの部分は大変シンプルです。
現在主流のHTML 4.01が勧告されたのが1999年12月。その後もWebは進化し続け、HTML+CSS+JavaScript(≒DHTML)でできないことはFlashやSilverlightで補うことで、さまざまな表現が可能になっています。たとえば、ユーザーの操作で画像の位置などが変化するゲームや、刻々と変化するデータを外部が取り込んで図形を描く株式市場の相場グラフはFlashを使うのが一般的ですが、できればHTMLやJavaScriptだけで済ませてしまいたいもの。そこで今回は、HTML5の新機能「Canvas」を使い、Webページ上にJavaScriptで図形を描画する方法を紹介します。 Canvasってナニ? 2010年の勧告を目指してW3C(World Wide Web Consortium)で策定中のHTML5では、「Canvas」という新しいHTML要素(タグ)が追加される
2010/05/31 HTML5事始め(2) ~Canvas~ 今回は、HTML5から採用された、「Canvas」を取り上げたいと思います。 まずは、僕がHTML5のサイトを探していて、一番印象に残っているものをご紹介します。 『HTML5 Canvas and Audio Experiment』 ちょうど、FlashやProcessingが出始めたときにこういったページをよく見かけましたが、HTML5でもこれほどのことが出来ちゃいます! これは、今回のテーマである「Canvas」を使っているそうです。 では、「Canvas」の可能性を見たところで、「Canvas」について説明したいと思います。 Canvasとは、ブラウザ上に図を描くためのタグで、他に画像を描画したり、文字を描画(Firefoxのみ独自メソッドで可能)したりできます。 Flashで言うところの「ステージ」のよ
このコーナーでは、JavaScriptから図を描くことができるCanvasについて解説します。 Canvasとは Canvasとは何か、そしてCanvasで何ができるのかを事例を踏まえて分かりやすく解説します。 Canvasの使い方 実際に、Canvasをどうやって使いこなすのかを、サンプルを通して解説していきます。 いろいろな図形を描く Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。 色を指定する このコーナーでは、Canvasで描く図形に色を指定する方法を紹介します。またCanvasでは指定した色に透明度を与えることも可能ですので、その方法についても紹介していきます。 線形グラデーションを指定する このコーナーでは、Canvasで描いた図形にグラデーションを指定する方法
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く