Taken SPC

canvas でドロップシャドウ

• ドロップシャドウ

CanvasRenderingContext2D.getImageData()/putImageData() に対応しているブラウザ (Firefox 2 以降等) で動作します。

描画を save/resotre する

canvas 要素の 2 次元描画コンテクスト (CanvasRenderingContext2D) に現在の描画を保存する saveImage() と、保存した描画を復元する restoreImage() を追加するスクリプト。

canvas 要素の toDataURL() に対応しているブラウザ (Firefox 2 以降、Opera 9 等) で動作します。

• canvas_save_restore_image.js
• saveImage()/restoreImage() を使った例

サンプル

canvas 要素のサンプルです。

• 画像
• グラデーション
• パターン
• 変形
• 影

Blog の関連する記事

• canvas でドロップシャドウ
• canvas で描画を save/resotre する
• canvas 要素のサンプル
• Taken SPC : カテゴリー : Canvas

参考となるページ