783
照片像素化項目(on Github)
項目背景
女朋友喜歡十字繡，一直想著想要有個可以定製十字繡圖片的軟件或者應用。這件事也被她催了很久，我如果再不行動，一來丟了IT程序猿們的臉，二來她自己都要開始學神馬計算機圖形學，計算機視覺(明明更應該看看圖像處理的好嘛！)。於是我google怒搜“圖片像素化”。好吧，本以為這是一件圖像處理的事情，結果最後得到了一個js的庫，叫seuratjs。這個庫本身是基於raphael,js的。把圖片的像素的顏色經過分析之後重新在html5的canvas上用svg畫了出來。好吧，這樣實現的話確實蠻簡單的，而且這塊我還比較熟，就在飯後急急忙忙用了兩個小時把他的demo整合了起來，搞了一個測試界麵，並放在了我的github上。
使用說明
具體他自己的API和js代碼我就不寫出來了，感興趣的同學可以去把項目clone下來。注意，直接打開html點擊圖片變化會報錯的。錯誤好像叫"Cross-origin img"？這涉及到jquery跨域的問題。你需要在容器中啟動，用https://localhost的路徑去訪問這個html文件。在windows下的話開啟你的IIS 7就可以了。如果沒有接觸過的話自己去google下方法吧。先要開啟IIS服務，然後在IIS裏設置你的路徑，然後打開瀏覽器輸入https://localhost會得到你設置的目錄下的所有文件，就可以一一訪問了。
隻要點擊圖片，就會像素化了。
如果你想替換照片，把imgs裏的照片換掉就可以了，目前我隻簡單的設置了一張照片，可以看就行了。
效果圖
把效果圖放上來瞧瞧。不好意思，侵犯某人的肖像權了（證件照一張！）~各位clone了項目之後可不要把照片外傳啊= =！
今後目標
像素化效果如果要定製成可以被十字繡做出來的粒度，還要再定製。目前隻是個最簡單的demo，等有時間了，需要支持本地上傳照片，添加本地或者網上的url鏈接來替換照片。此外，對於像素化效果的調參會放到界麵上，真正做到從界麵上調參，更方便做測試。希望把它托管到朋友的服務器上，給更多的人試用試用，來證實一下女朋友十字繡定製的想法靠不靠譜，受歡迎度怎樣。
最後更新：2017-04-03 20:19:53