nvshen

grank。

5 years after

Grank

這個小玩具。是為了記錄好我們一步一步的腳印,能夠認認真真的面對我們生活中的點點滴滴。

登陸界面


到底是什麼呢

註冊賬號登陸后,就會變成這個樣子。

主界面

一眼望去是不是出了頭像什麼都沒有?^_^其實是通過中間那個小五角星來交互的喲~

點擊小星星。

輸入框組

就出現了這樣的東東呀 = =

點擊第一個小矩形,選擇圖片上傳,裁剪區域。

上傳圖片

添加描述上傳。

描述

上傳成功后滿滿的小幸福喲~~

消息 小幸福

當然這樣還沒有完哦。與mana的旅程怎麼能就這樣結束。還能做到這樣,

愛菜


介紹完了,來聊聊這個應用技術方面的。


依賴

{
    "express":"3.1.1",
    "jade":"*",
    "mongodb":"*",
    "connect-mongo":"*",
    "canvas":"*",
    "cron":"*"
}

當然,通過npm install就可以完成了。

她上傳頭像的裁取的時候,使用的是canvas,將圖片轉為 data uri 來向後臺傳輸,nodejs再將圖像用canvas畫出來(其實當做字段存入mongodb也可以,不過性能上沒有測試,以後會補上兩種方案測試的結果)。

Related Repositories

py-study-code

py-study-code

code wrote in my learning python way ...