Prompt——绘制泳道图

news/2025/2/27 10:28:41
请创建一个SVG格式的泳道图(Swimlane Diagram),需要满足以下规范:
1. 基础布局规范:
a) 尺寸设置:
- 根据泳道数量和复杂度确定合适的viewBox尺寸
- 泳道宽度根据内容量动态调整,但保持成比例
- 预留适当的顶部标题区域(建议占总高度的5-10%)
- 确保足够的图形间距和留白
b) 视觉分层:
- 使用渐变或纯色背景区分泳道
- 标题区域使用深色背景突出
- 泳道之间使用明确的分割线(建议0.5-1px)
- 图形元素层级要高于背景
2. 连接点位置规范:
a) 不同形状的标准连接点:
矩形连接点:
- 水平:左右边的中点 (x ± width, y + height/2)
- 垂直:上下边的中点 (x + width/2, y ± height)
圆形连接点:
- 四个主要位置:0°, 90°, 180°, 270°
- 计算公式:
  * 右:(cx + r, cy)
  * 左:(cx - r, cy)
  * 上:(cx, cy - r)
  * 下:(cx, cy + r)
菱形连接点:
- 四个顶点
- 或各边中点
b) 连接点注释格式:
<!-- connection-points
    top: x,y
    right: x,y
    bottom: x,y
    left: x,y
-->
3. 连接线设计规范:
a) 基本原则:
- 优先使用直线连接
- 避免线条交叉
- 保持45°或90°的转角
- 遵循从左到右、从上到下的流向
b) 连接策略:
- 同泳道:优先垂直连接
- 跨泳道:水平或折线连接
- 复杂路径:使用正交连接线
c) 特殊情况处理:
- 不同大小图形:保持中点对齐
- 避让其他元素:使用折线或贝塞尔曲线
- 多条交叉线:调整路径或使用桥接
4. 图形布局规范:
- 保持适当的垂直和水平间距
- 图形大小要协调统一
- 确保视觉平衡和对称
- 预留足够的连接线空间
5. 文字样式规范:
- 图形内文字居中对齐
- 标题文字要醒目
- 字体大小要适中
- 确保良好的可读性
6. 可视化增强:
a) 颜色规范:
- 背景色使用低饱和度色彩
- 重要节点使用高对比度色彩
- 相关元素使用相近色系
- 确保颜色具有足够对比度(建议>4.5:1)
b) 视觉层次:
- 主要流程突出显示
- 次要信息适当弱化
- 使用阴影或高光突出重点
- 区分前景和背景层次
7. 注释和标识:
a) 必要注释:
- 关系类型标注
- 重要节点说明
- 流程方向指示
- 特殊情况说明
b) 图例说明:
- 提供图形类型说明
- 说明线条样式含义
- 标注颜色代表含义
- 补充必要的业务说明
8. 最佳实践:
a) 代码组织:
- SVG元素合理排序
- 使用注释标识各部分
- 保持代码整洁有序
- 图形ID命名规范
b) 交互考虑:
- 预留悬浮效果空间
- 为可能的动画留出余地
- 考虑响应式适配
c) 性能优化:
- 复用共同的样式
- 适当使用组合(g元素)
- 避免不必要的复杂路径
请根据以上规范生成SVG代码,注意整体的美观性、专业性和清晰度。具体的样式(如颜色、尺寸、字体等)可以根据实际需求灵活调整,但要遵循上述核心原则。  请按照我的要求画一个公司底层打工狗艰难报销之路

效果
在这里插入图片描述


http://www.niftyadmin.cn/n/5869950.html

相关文章

【星云 Orbit-F4 开发板】03g. 按键玩法七:矩阵键盘单个触发

【星云 Orbit-F4 开发板】03g. 按键玩法七&#xff1a;矩阵键盘单个触发 引言 矩阵键盘是一种常见的输入设备&#xff0c;广泛应用于各种嵌入式系统中。通过矩阵键盘&#xff0c;用户可以通过按键输入字符或控制信号。本文将详细介绍如何使用STM32F407的GPIO引脚实现矩阵键盘的…

SOME/IP-SD -- 协议英文原文讲解6

前言 SOME/IP协议越来越多的用于汽车电子行业中&#xff0c;关于协议详细完全的中文资料却没有&#xff0c;所以我将结合工作经验并对照英文原版协议做一系列的文章。基本分三大块&#xff1a; 1. SOME/IP协议讲解 2. SOME/IP-SD协议讲解 3. python/C举例调试讲解 5.1.3.1 E…

航空装配自动化神器Ethercat转profient网关搭配机器人精准控制

生产管理系统通过网关与装配机器人连接&#xff0c;加快航空器机身的装配速度&#xff0c;减少人为误差。 航空制造对装配线的精度和效率有着极高的要求。某航空制造厂使用的耐达讯Profinet转EtherCAT协议网关NY-PN-ECATM&#xff0c;将其生产管理系统与装配机器人连接&#xf…

【JavaEE进阶】Spring Boot 日志

欢迎关注个人主页&#xff1a;逸狼 创造不易&#xff0c;可以点点赞吗 如有错误&#xff0c;欢迎指出~ 目录 日志用途 1. 系统监控 2. 数据采集 3.⽇志审计 Spring Boot日志 打印⽇志 在程序中得到⽇志对象 日志框架 ⻔⾯模式(外观模式) ⻔⾯模式的优点 不引⼊⽇志⻔⾯ 存在问…

Java 内存泄漏排查指南:工具与实战技巧

内存泄漏是 Java 开发中常见的问题&#xff0c;会导致应用程序性能下降&#xff0c;甚至崩溃。本文将介绍 Java 内存泄漏的排查方法&#xff0c;包括常用工具和实战技巧。 一、内存泄漏概述 内存泄漏 是指程序在运行过程中&#xff0c;由于某些原因无法释放不再使用的对象&am…

深入Linux序列:进程的终止与等待

在之前的学习中&#xff0c;我们知道我们的进程在运行结束的时候&#xff0c;那么它并不会立即进入死亡状态&#xff0c;而是先进入僵尸状态&#xff0c;维持僵尸状态一段时间&#xff0c;那么此时在僵尸状态中的进程&#xff0c;那么它的内核数据已经移出内存被清理了&#xf…

9.编写负载均衡模块|编写judge功能|postman进行调试(C++)

编写负载均衡模块 代码整体结构 oj_control.hpp // code: #include... // input: "" void Judge(const std::string &number, const std::string in_json, std::string *out_json) {// 0. 根据题目编号&#xff0c;直接拿到对应的题目细节// 1. in_json进行反…

(学习总结26)Linux工具:make/Makefile 自动化构建、Git 版本控制器 和 gdb/cgdb 调试器

Linux工具&#xff1a;make/Makefile 自动化构建、Git 版本控制器 和 gdb/cgdb 调试器 make/Makefile 自动化构建在 Linux 命令行中的命令 makeMakefile 的基本操作1. 编写与删文件基本操作2. 总是执行操作3. 执行操作时的依赖性4. 定义变量或命令操作与其它简单操作5. 多文件操…