css3 filter とpython(saturate編)

前説はこちら

今回はsaturateについて記載する

アプリ上では
hoge.style.webkitFilter = “saturate(500%)”;

サーバー上では

value = (4.148, -2.86, -0.288, 0,
-0.852, 2.14, -0.288, 0,
-0.852, -2.86, 4.712, 0)
output_image = Image.open(uploadfilepath).convert(“RGB”,value)

以上

valueの値はW3Cのサイト
http://www.w3.org/TR/filter-effects/
を参考に算出した
式は
values=”(0.213 + 0.787 * s) (0.715 – 0.715 * s) (0.072 – 0.072 * s) 0 0
(0.213 – 0.213 * s) (0.715 + 0.285 * s) (0.072 – 0.072 * s) 0 0
(0.213 – 0.213 * s) (0.715 – 0.715 * s) (0.072 + 0.928 * s) 0 0
0 0 0 1 0″
である
sに指定した%を当てはめて計算する
今回は500%なので5になる(50%なら0.5)
Pil上では4*3の行列でconvertするので全ては使用しないが、見た目は同じになった

次回は、hue-rotate!

Comments are closed.

Post Navigation