kirinwikiblogスマートフォン用の表示で見るkirinwikiblogこの広告は、90日以上更新していないブログに表示しています。2014-02-15ステンシルを着色画像に合成する前回のつづき。ステンシルを着色画像に直すには、まずはpythonだとPILモジュールで簡単にできる。実際のシステムでは、CGIスクリプトが指定のステンシルを指定色で合成したものを返してくれることになっているが、その核心部分だけ書けば、下のよう。format="PNG")あらかじめ、colors配列には適当な色データが入っていること。["#000000","#ffffff"]といった感じで。ステンシルは下のような二値画像だが...これをマスク用データとし、できあがり予定サイズの画像データに、次々と色を重ねていくのが、pasteメソッドの発行部分。下の絵のようなイメージの仕事をしている。すべての色を塗り重ねたら、どっかにセーブするなり、標準出力にでも書き出してしまうなりして、終了。ウェブブラウザ上でも、着色具合を試しながら色指定をしたくなるはずなので、これと大体同様のことをJavaScriptでも書くことにした。これも核心だけ書くと、こんなふう。要canvasAPI。ctx_dist.putImageData(t,0,0);};このdisp_colored_image関数が、stencil(画像データ)、conf(画像サイズや色の指定)、ctx_tmp(一時処理用描画コンテキスト)、ctx_dist(最終表示用描画コンテキスト)を受け取って描画処理をする。前半部分は、単に下のような透明っぽいチェッカー模様を描こうとしてがんばっただけ。シンプルに書けるんだろうけど。後半部分で、ステンシルの「真っ黒以外のピクセル」に対応する部分について、指定色のピクセルをひとつづつ置いていくこをと繰り返し、最終的に作りたい画像のプレビューを作れるようになった。すごく端折って書いているが、あとで自分にはわかるだろうから、まあいいや。クリップアートサイトを作ったときの技術解説、これでおしまい。自炊データのリーダーを作ったIPアドレスから国名を知るLimeSurveyのインストールサーバー証明書のつくりかたと、その原理システムを企画するときの覚え書き月別アーカイブはてなブログをはじめよう!yamatt2さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。