フルカラー GIF 作成(Canvas 版) JavaScript の説明 |
Canvas に描画を行わせるので,入力ファイルの形式は PNG に限らず,drawImage で扱える形式なら何でも使用することができます.
Image オブジェクトに入力の画像ファイルを割り付ける. ↓ drawImage メソッドで,Image オブジェクトの画像を Canvas に描画する. ↓ getImageData メソッドで,Canvas の画像データを取り出す.
Canvas 版のアルファ チャネルの半透過の場合の変換が,妙な結果になります.
自前版 Canvas 版 'tRNS' チャンクの透過 透過になる. 透過になる. アルファ チャネルの全透過 非透過になる. 透過になる. アルファ チャネルの半透過 非透過になる. 非透過になる.ブラウザによっては
色が変わってしまう.(下記)