ファイルサイズを考慮した Canvas の保存 : document
12月18 ファイルサイズを考慮した Canvas の保存 こんにちは、18 日以降の Graphical Web Advent Calendar が空いているので、場をつなぐ意味も込めて簡単な記事を投稿させていただきます。 先日の記事では PNG の仕様について書きましたが、その知識をさっそく生かす事ができます。 また、この記事では HTMLCanvasElement を省略して Canvas と表記させていただきます。 Canvas#toDataURL() さて、一般的に Canvas の描画状況を保存しようと思うと、Canvas#toDataURL メソッドを使用すると思います。 ですが、このメソッドで保存された画像がどのようになっているかご存知の方はあまりいないと思います。 まずは、以下のコードで簡単な Canvas 描画を行ってみます。 function draw1(target
JavaScript で Png画像のエンコード (PngEncoder) : silverlight3でgamesのブログ
February 02, 2010 JavaScript で Png画像のエンコード (PngEncoder) PNGエンコーダ：ループ内で関数呼び出しを使いまくった低速バージョンを公開 使い方： PngEncoder.encode(_arrayData,_intWidth,_intHeight) _arrayData : 数値配列：1ピクセルをRGBAの順に4つの配列要素で表し、全要素はByte値の取り得る0-255の数値を格納(2/12追記：単純に並べるのではなく、スキャンラインについて知っておくこと) _intWidth : 画像の幅 _intHeight : 画像の高さ // ループ内で関数呼び出しを多用した低速バージョン。 PngEncoder = new (function() { // private constants var _SIG=[0x89,0x50,0x4E,0x
png identify という PNG の情報を色々表示するものを作りました : document
2月8 png identify という PNG の情報を色々表示するものを作りました png identify とは JavaScript で書かれた、PNG ファイルの様々な情報を表示するウェブブラウザ上で動作するアプリケーションです。(Chrome 16.0.912.77, Firefox 9.0.1 で動作確認) PNG, ZLIB の圧縮率向上をはかる際に、自分の求める詳細な情報を表示するツールが見当たらなかったので作成しました。 使い方 http://imaya.github.com/png.identify/ 上記のページを開き、そのページに PNG ファイルをドラッグアンドドロップするだけです。 どんな情報を表示する？ まずはざっと一覧で。 ファイル名 イメージヘッダ チャンク パレット フィルタ イメージデータ圧縮関係 イメージヘッダ情報 PNG の IHDR チャンクの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
