svgEditor

React SVG編輯器

沒有使用SVG庫，從頭開始建造

對於任何功能請求Ping我在LinkedIn上？

在LinkedIn上關注我進行更多有趣的項目

單擊此處訪問網站

演示

關於

• React SVG編輯器是一種強大的設計工具，可幫助您創建任何內容：網站，應用程序，徽標等。
• React SVG編輯器為Web構建，可幫助您從頭到尾創建，共享，測試和運送更好的設計。
• 無論是合併工具還是簡化工作流程React SVG編輯器，使設計過程更快，更有效和樂趣，同時使每個人都在同一頁面上。

特徵

• 提供了設計佈​​局的多種工具。
• 梯度創建者提供了在項目中創建和使用美麗的梯度。
• 主題變得容易，選擇並保存在調色板中，並在整個項目中使用它們，不喜歡顏色，更改它，它將自動應用於使用的所有元素。
• 諸如剪貼畫搜索之類的工具，還提供了插圖搜索。
• 輕鬆變形形狀，操縱​​各種特性，例如高度，寬度，邊框顏色，背景顏色等。
• 超過8個CSS過濾器可用。
• 將大型項目分為小零件，在項目的單獨頁面中設計它們。
• 將您的項目導出為SVG或JSON。
• 再次責任JSON文件
• 諸如大綱，盒子陰影之類的效果也可用。
• 一切都保存在當地，不需要互聯網才能工作
• 還提供了指針助手，以幫助您的形狀處於完美的位置。

如何使用

• 單擊標題上的創建新文件
• 選擇工具
• 單擊畫布以添加形狀
• 右側的側邊欄包含所有屬性，從那裡操縱它們。
• 對於線路，多邊形，路徑右鍵使用右鍵單擊以結束路徑。
• 按CTRL鍵，然後將形狀拖到擴展。
• 按Shift鍵並將形狀拖動旋轉。
• 單擊文件，然後在頁面上添加更多頁面。
• 單擊文件，然後保存以保存您的項目。
• 單擊梯度，梯度創建工具將為您打開。
• 單擊顏色，將顏色添加到調色板中。
• 單擊插入，剪貼畫搜索工具將為您打開。

你獲得的所有功能

• 我製作的最複雜的項目是React SVG編輯器，它是瀏覽器SVG設計工具中的一個用例，例如徽標設計器，PPT，UI/UX設計工具，具有內置的組件，可用於搜索和用戶剪貼畫，以及其他項目的剪貼畫，以及其他用於添加效果的工具，例如添加漸變效果，Shadows，Shadows，Shadows，Shadows等。
• 它包括圓形，矩形，橢圓，文本，線，ployline，polygon，鉛筆，圖像等形狀，您只需打開此應用程序並開始設計您喜歡的任何內容，所有設計都將保存在稱為indexeddb的瀏覽器數據庫中。
• 您還可以將兩種形狀分組在一起，從而創建一個組件，例如產品卡，導航欄，報價等，並在設計中重複使用它們，以添加組形狀，我必須從scratch brcause中再次啟動該項目，我正在使用線性遍歷中的形狀來通過陣列存儲形狀來呈現陣列來渲染形狀，但是我不得不使用它們在樹上填充並將其置於圖中，並將其置於圖中，並將其構成深度元素。
• 您還可以在設計項目中添加多個頁面，然後像電源點演示一樣運行它。 - 該項目是使用React.js和Redux和使用的語言進行的。