簡(jiǎn)介：

Vue開源在線圖片海報(bào)設(shè)計(jì)工具網(wǎng)站源碼

一款美觀且功能強(qiáng)大的在線設(shè)計(jì)工具，具備海報(bào)設(shè)計(jì)和圖片編輯功能，基于Canvas的開源版【稿定設(shè)計(jì)】。適用于多種場(chǎng)景，如海報(bào)生成、電商產(chǎn)品圖制作、文章長(zhǎng)圖設(shè)計(jì)、視頻/公眾號(hào)封面編輯等。適配稿定設(shè)計(jì)pdf還原，支持導(dǎo)入psd還原?？蓪?dǎo)出圖片，svg，pdf。

源碼功能：

基礎(chǔ)功能

• 歷史記錄：支持撤銷與重做操作，方便用戶修改。

• 快捷鍵：提供多種快捷鍵以提升操作效率。

• 右鍵菜單：為用戶提供便捷的操作選項(xiàng)。

文件導(dǎo)入導(dǎo)出

• 導(dǎo)入PDF：能夠完美還原格式(不支持圖片裁切導(dǎo)入)。

• 導(dǎo)入PSD：不僅完美還原格式，還支持部分特效還原，如亮度、對(duì)比度、顏色覆蓋。

• 導(dǎo)入SVG：支持大部分SVG元素(不支持tspan字體)。

• 導(dǎo)出本地文件：可將設(shè)計(jì)導(dǎo)出為SVG、圖片或PDF格式。

頁(yè)面編輯

• 頁(yè)面添加、刪除：靈活管理頁(yè)面數(shù)量。

• 頁(yè)面順序調(diào)整：自由調(diào)整頁(yè)面展示順序。

• 背景設(shè)置：支持純色、漸變及圖片背景設(shè)置。

• 畫布尺寸設(shè)置：自定義畫布大小以適應(yīng)不同需求。

• 標(biāo)尺與畫布縮放移動(dòng)：精確控制設(shè)計(jì)元素的位置與比例。

元素編輯

• 元素添加、刪除：隨心增減設(shè)計(jì)元素。

• 元素復(fù)制粘貼：快速?gòu)?fù)用設(shè)計(jì)內(nèi)容。

• 元素拖拽移動(dòng)：直觀調(diào)整元素位置。

• 元素旋轉(zhuǎn)與縮放：精細(xì)調(diào)整元素角度與大小。

• 多選與組合：支持框選、點(diǎn)選以及多元素組合操作。

• 吸附對(duì)齊：確保元素在移動(dòng)和縮放時(shí)保持整齊。

• 層級(jí)調(diào)整：清晰管理元素之間的層次關(guān)系。

文字編輯

• 提供豐富的文本編輯功能，包括顏色、高亮、字體、字號(hào)、加粗、斜體、下劃線、刪除線、對(duì)齊方式、項(xiàng)目符號(hào)、縮進(jìn)、清除格式等。

圖片處理

• 支持濾鏡、著色(蒙版)、翻轉(zhuǎn)、邊框、陰影、裁切等功能。

形狀繪制

• 包含填充色、邊框、陰影、透明度、翻轉(zhuǎn)、編輯文字等功能。

線條繪制

• 提供顏色、寬度、樣式選擇。

源碼特色

• 開源性：遵循MIT License，允許自由使用和修改。

• 多功能性：集成了海報(bào)設(shè)計(jì)、圖片編輯等多種功能，滿足多樣化需求。

• 擴(kuò)展性強(qiáng)：支持多種文件格式的導(dǎo)入導(dǎo)出，未來還將支持更多功能(如cdr解析)。

• 用戶體驗(yàn)佳：具備歷史記錄、快捷鍵、右鍵菜單等功能，極大提升了用戶操作體驗(yàn)。

圖片：