HTML5技術實現Web圖形圖像處理——WebPhotoshop精簡版

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

二、操作流程:
1) 進入系統后,顯示主工作區,包括菜單欄、選項欄、工具箱、主畫板、歷史記錄、圖層管理。
2) 默認為鉛筆,可以在主工作區畫圖??梢匝≡裱丈仁糶?。
3) 打開圖片,進行圖片編輯。

主界面截圖:

來源:博客園

上一篇: html中空格字符實體整理

下一篇: 為什么程序員總是寫糟糕的代碼?3個原因

分享到: 更多
11选5追号40期必中 多赢计划官网 吉林快3技巧稳赚方法 三个色子摇大小规则 腾讯分分彩组三预测 998棋牌游戏通比牛牛 二八杠棋牌大厅 微乐二人斗地主规则 英超积分榜 pk10怎么看走势图选号 河北时时走势图开奖结果 重庆时时开彩龙虎和玩法 竞彩足球比分直播现场 pk10赛车计划软件 德国pk10走势图下载 北京pk8码稳赚方案