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和使用的语言进行的。