【ハウツー】ゼロからはじめるreflection - ブログではじめる逆さ富士!? (1) reflectionとは? | パソコン | マイコミジャーナル

reflectionとは? reflectionは画像の下側に反射効果を施すだけのシンプルなライブラリです。ただ、使い方のアイデアによっては、面白いこともできます。下の図は、富士山のJPEG画像を読み込んだけのものと、reflection.jsを使って「逆さ富士」を表現したものです。実は「逆さ富士」の方の画像ファイルは、上向きの富士山の画像ファイル1枚だけです。富士山を「逆さ」にしているのが、本稿で解説するreflection.jsというライブラリが果たしている役割ということになります。 reflection.jsを使ったページ reflection.jsを使わないページ reflectionは他のライブラリを使用しませんが、動作するブラウザは多少限定されます。<canvas>タグが利用できるブラウザかInternet Explorerでないとreflectionは動作しません。ただ、表示

[XIAORING]

reflection.js

[josch_so36]

画像のリフレクションをjavascriptで実現

[oooooooo]

reflectionは画像の下側に反射効果を施すだけのシンプルなライブラリです。