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

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

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

主界面截圖:

來源:博客園

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

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

分享到: 更多
重庆时时开奖直播现场 新时时时时百位杀号技巧 mg藏分不让出款 重庆时时彩开奖结果 时时计划群发软件 大乐透30期走势图 内蒙古时时奖金制度 老时时360官网 pk106码那怎么倍投 我玩龙虎赢了1百万 11选五计划软件手机版 7m足球即时比分二合一 时时彩稳赚不赔杀号 江西时时网购 2019年双色球开奖全部 五码倍投