关于我们
关于高级在线作图工具
整体功能概述
这是一个在线图形编辑工具的网页代码,用户可以在该网站上进行图形设计、编辑模板、添加各种元素,并对设计内容进行保存、导出、分享等操作。
页面结构与功能模块
用户认证与导航
登录与注册:根据用户是否登录显示不同的导航选项,未登录时提供注册和登录按钮,登录后显示用户头像及相关操作链接,如个人中心和退出登录。
多语言支持:用户可以通过导航栏中的语言切换选项,切换网站的显示语言。
导航链接:展示一系列可配置的导航链接,可能指向不同的功能页面或外部网站。
图形编辑区域
画布调整
尺寸调整:可以通过输入框输入数值来调整画布的宽度和高度,并通过按钮应用调整。
更多尺寸调整:提供一个隐藏的面板,可能用于更详细的画布尺寸设置,但当前代码中该部分内容未详细给出。
工具面板
保存与导出:支持保存当前设计,以及导出为模板、图片(PNG、JPG)、PDF 和 SVG 等格式。
图层操作
显示图层列表,方便用户管理和操作不同的图层。
提供复制画布、命名画布等操作。
元素添加
矢量素材(SVG):可通过搜索框搜索 SVG 元素,并加载更多相关元素到页面。
PNG 元素:类似 SVG 元素的操作,支持搜索和加载更多 PNG 元素。
形状
提供多种基本形状的添加按钮,如矩形、圆形、三角形等。
支持创建多边形,以及自由绘画模式,并可设置绘画颜色和线条粗细。
能够添加横向和竖向的文字。
允许上传图片(支持多种格式)和 SVG 文件。
可以生成二维码并添加到画布上,可设置二维码的尺寸和内容。
模板与我的资源
模板:可按类别和关键字搜索模板,并加载更多模板。
我的:包括我的模板、图片和收藏等资源的管理,同样支持加载更多操作。
右侧面板功能
背景设置
背景配色:提供多种预设的背景颜色供用户选择,也可设置随机背景。
背景库:通过搜索框搜索背景图片,并能加载更多背景图片。
颜色与特效
颜色:可设置元素的颜色(当前代码中相关工具部分有隐藏逻辑)。
渐变:支持选择渐变颜色,并设置渐变角度。
文字美化:对文字进行加粗、斜体、添加下划线等多种样式设置,还可选择字体和特效,以及调整字间距和行间距。
滤镜:对图形元素应用各种滤镜效果,如亮度、灰度、对比度等调整,还包括圆角、噪点、模糊等特效设置。
通用操作
对图层进行居左、居中、居右等对齐操作,以及翻转、复制、删除、锁定等常见操作。
可以调整图层的透明度、倾斜度,并设置阴影效果。
圆角与边框
圆角:设置图形元素的圆角大小。
边框:设置边框的颜色、大小和类型(多种样式可选)。
交互操作
快捷键支持:提供了一系列快捷键操作,如通过按不同的键实现放大、缩小、原始尺寸、适应屏幕、拖动、定点缩放等功能。
右键菜单:提供了右键菜单操作,包括图层的上移、下移、移至顶层、移至底层、锁定 / 解锁和删除等操作。
采集
素材搜索功能
支持按关键字搜索素材。
可通过下拉菜单选择素材格式(如 PNG、JPG、GIF 等)。
能选择素材尺寸(如小图、中图、大图等不同范围)。
可以选择素材比例(如细长竖图、竖图、方形、横图等)。
能够设定显示数量以及页码。
素材展示与管理功能
以卡片形式展示搜索到的素材,包括图片预览、标题等信息。
每个素材卡片有可编辑的标题和关键字输入框。
设有 “删除” 按钮,可从页面移除素材卡片。
采集发布功能
可选择发布到的类型(免抠元素或图片背景)。
支持输入发布关键字以及设定发布分类(分类可动态获取并选择)。
点击 “采集发布” 按钮可将素材及相关设置信息提交到服务器进行发布操作,并根据服务器反馈显示相应提示信息。