yoppa.org


芸大 - Webデザイン演習B 2011

第10回:HTML5 実践 – Canvasで画像を使う

今回はCanvasの続きとして、Canvas要素に外部の画像ファイルを読み込む方法について解説していきます。canvasでは外部画像ファイルを扱うことが可能で、使用しているWebブラウザでサポートしている画像(PNG, Jpeg, Gifなど)であれば読み込んで表示できます。画像は、グラフや生成した図形の背景として使用したり、写真の合成や繰り返し、画像を用いたアニメーションなど様々な応用が可能となります。

サンプルプログラムのダウンロード (Google Docsにリンク)