WebPhotoshop精簡版是利用HTML5技術在Web上實現對圖形圖像的處理,構建易維護、易共享、易於拓展、實時性的Web圖形圖像處理平台。 精簡版功能包括:圖形繪制、圖像處理、圖像操作。完整版包括多人協作操作圖像、實時交流、圖片搜索,同時實現實時的多人協作處理圖形圖像技術。(完整版后續上傳)
github位置:https://github.com/yangtzeyufei/WebPhotoshop-Simple
一、功能說明:
1、圖形繪制
實現鉛筆、畫筆(書法畫筆、噴槍、蠟筆、記號筆、水彩畫筆)的繪制效果。實現直線、曲線、橢圓(圓)、矩形(圓角矩形)、三角形(直角三角形、等邊三角形、任意三角形)、多邊形的繪制。繪制過程中,可以選擇顏色,選擇顏色有兩種方式:顏色選擇、顏色拾取。可以進行顏色填充,即對選定區域,用選擇的顏色進行填充。
2、圖像處理
能夠實現的效果有:黑白、模糊、亮度/透明度、反色、霧化、銳化、浮雕、雕刻、柔化、油畫、積木、懷舊、蒙版,蒙版包括:紅色蒙版、藍色蒙版、綠色蒙版。
3、圖像操作
能夠對圖像進行的操作有:圖像選擇,包括區域選擇、對象選擇。圖像移動,即對選擇區域或對象的移動。圖像裁剪,包括矩形裁剪(保留裁剪區內、保留裁剪區外)。圖像的旋轉,即將畫布或者選擇的區域對象向右90度、向左90度、180度、垂直旋轉、水平旋轉、任意度數。橡皮擦效果,能夠擦除繪制的圖像。圖像的縮小放大,包括圖像的局部縮放和圖像的整體縮放。插入文本,即在圖像上插入文本,能夠改變文本顏色、字體、大小,實現加粗、傾斜、下划線、刪除線效果。將圖像保存為圖片。將圖像存到服務器。將圖像另存為其他格式。圖像保存為下次可以再進行編輯的自定義格式。能夠實現多圖層,即添加圖層、刪除圖層、圖層層次改變。
二、操作流程:
1) 進入系統后,顯示主工作區,包括菜單欄、選項欄、工具箱、主畫板、歷史記錄、圖層管理。
2) 默認為鉛筆,可以在主工作區畫圖。可以選擇顏色等屬性。
3) 打開圖片,進行圖片編輯。
主界面截圖: