canvasをバイト単位で修正する方法（ImageDataの使い方） - KAYAC Engineers' Blog

引っ越ししました。agoです。 思いっきりネタがかぶってますが、あまり気にせずcanvasネタを書いてみたいと思います。 今回はcanvasの中でもImageData関係をまとめて見ました。 ImageDataってなに？ canvas内のバイト列を扱うためのObjectです。 canvas内の各バイト毎に赤、緑、青、透明度の情報を配列として保持しています。 何に使うの？ canvas内をバイト単位で修正したい場合に使います。 canvas内に図形等を書く場合、通常提供されているlineTo等を使用することも出来ますが、こういった抽象メソッドは一回ごとの呼び出しコストが大きいため、細かい単位の操作には向きません。 その点、ImageDataであればバイト単位での操作しかできない代わりに呼び出し毎のコストが小さいため、細かい単位の操作も高速に行うことができます。 ただ、もちろん線を引く、丸を書

[doxas]

おう、これは参考になりそうだ。

[HHR]

ImageData

[sky_2007]

imageData

[ysk_lucky-star]

バイトってなんだろ／と思ったらピクセルのことか

[coppieee]

canvas版wonderflとか楽しそう。

[luccafort]

あとで読む

[teramako]

バイトではなくピクセルのような気がする

[at_yasu]

タイトルが、「ImageDataの使い方」が無ければ、バイトのしすぎの大学生向け記事に見えるw

[ago_kyo]

あー、そういえばそうだった。。。＞s/バイト/ピクセル/g。書いててなんか違和感あったんだよなぁ

[handlename]

JS版パーティクル崩し