yoppa.org


千葉商科大学Web動画表現 2011年度

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

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

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