flandlescarlet's diary【情報工学生の備忘録】

元機械工学科所属だった情報工学生です。JavaScriptで適当に何かを作ったり、絵を描いていたりします。

画像処理

JavaScriptで画像処理【2】グレースケール化・セピア調

1.はじめに CANVASの画素を1つずつ操作することが可能になったので、今回から本格的に写真を使った画像処理を行っていきます。CANVASの画素の読み込み方は第1回に記載しております。 2.アルゴリズム 写真のグレースケール化はシンプルで、以下の式で表すこ…

JavaScriptで画像処理【1】CANVASの座標と画素

1.はじめに 画像処理といえば大半はC言語やJava等の言語で行うのがほとんどであり、サンプルコードの多くがこれらの言語で実装されています。JavaScriptでも画像処理を行っている記事を見かけますが、ほとんどがグレースケール化、踏み込んでもSobelフィル…