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