WebPhotoshop精簡版是利用HTML5技術(shù)在Web上實現(xiàn)對圖形圖像的處理,構(gòu)建易維護、易共享、易于拓展、實時性的Web圖形圖像處理平臺。 精簡版功能包括:圖形繪制、圖像處理、圖像操作。完整版包括多人協(xié)作操作圖像、實時交流、圖片搜索,同時實現(xiàn)實時的多人協(xié)作處理圖形圖像技術(shù)。(完整版后續(xù)上傳)
一、功能說明:
1、圖形繪制
  實現(xiàn)鉛筆、畫筆(書法畫筆、噴槍、蠟筆、記號筆、水彩畫筆)的繪制效果。實現(xiàn)直線、曲線、橢圓(圓)、矩形(圓角矩形)、三角形(直角三角形、等邊三角形、任意三角形)、多邊形的繪制。繪制過程中,可以選擇顏色,選擇顏色有兩種方式:顏色選擇、顏色拾取。可以進(jìn)行顏色填充,即對選定區(qū)域,用選擇的顏色進(jìn)行填充。
2、圖像處理
  能夠?qū)崿F(xiàn)的效果有:黑白、模糊、亮度/透明度、反色、霧化、銳化、浮雕、雕刻、柔化、油畫、積木、懷舊、蒙版,蒙版包括:紅色蒙版、藍(lán)色蒙版、綠色蒙版。
3、圖像操作
  能夠?qū)D像進(jìn)行的操作有:圖像選擇,包括區(qū)域選擇、對象選擇。圖像移動,即對選擇區(qū)域或?qū)ο蟮囊苿?。圖像裁剪,包括矩形裁剪(保留裁剪區(qū)內(nèi)、保留裁剪區(qū)外)。圖像的旋轉(zhuǎn),即將畫布或者選擇的區(qū)域?qū)ο笙蛴?0度、向左90度、180度、垂直旋轉(zhuǎn)、水平旋轉(zhuǎn)、任意度數(shù)。橡皮擦效果,能夠擦除繪制的圖像。圖像的縮小放大,包括圖像的局部縮放和圖像的整體縮放。插入文本,即在圖像上插入文本,能夠改變文本顏色、字體、大小,實現(xiàn)加粗、傾斜、下劃線、刪除線效果。將圖像保存為圖片。將圖像存到服務(wù)器。將圖像另存為其他格式。圖像保存為下次可以再進(jìn)行編輯的自定義格式。能夠?qū)崿F(xiàn)多圖層,即添加圖層、刪除圖層、圖層層次改變。

二、操作流程:
1) 進(jìn)入系統(tǒng)后,顯示主工作區(qū),包括菜單欄、選項欄、工具箱、主畫板、歷史記錄、圖層管理。
2) 默認(rèn)為鉛筆,可以在主工作區(qū)畫圖??梢赃x擇顏色等屬性。
3) 打開圖片,進(jìn)行圖片編輯。

主界面截圖:

iOS培訓(xùn),Swift培訓(xùn),蘋果開發(fā)培訓(xùn),移動開發(fā)培訓(xùn)

 github位置:https://github.com/yangtzeyufei/WebPhotoshop-Simple