CSS阴影生成器 - 在线Box-Shadow代码生成
可视化CSS box-shadow生成工具,拖拽调整阴影偏移、模糊、扩散、颜色,实时预览并生成代码。
UD5工具箱
在线生成 PlantUML 图表链接 · 编码/解码 · 实时预览 · 支持多种格式
PlantUML 是一个开源工具,允许用户使用简单的文本语言快速创建各种UML图表,包括类图、时序图、用例图、活动图、组件图、状态图等。它通过简单的语法描述图表结构,然后自动生成专业的图形。
PlantUML 使用 Deflate 压缩算法(Raw Deflate)对文本进行压缩,然后使用自定义的 Base64 字符集(0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz-_)对压缩后的二进制数据进行编码。最终将编码字符串附加到 PlantUML 服务器 URL 后,即可生成图表。
在 GitHub README、Confluence、Notion 等平台中,你可以使用 PlantUML 编码链接嵌入图表图片。这个工具帮助你:① 快速将 PlantUML 代码转为可分享的链接;② 从已有链接中还原原始 PlantUML 代码进行修改;③ 生成不同格式(PNG/SVG/ASCII)的图表链接。
生成链接后,你可以在 Markdown 中使用  嵌入图片,或在 HTML 中使用 <img src="链接">。对于支持 PlantUML 渲染的编辑器(如 VS Code + PlantUML 插件),可以直接编辑 .puml 文件并实时预览。
官方服务器为 plantuml.com,但部分地区访问可能较慢。你可以:① 使用备用镜像服务器;② 使用 Docker 自建 PlantUML 服务器(docker run -d -p 8080:8080 plantuml/plantuml-server:jetty);③ 在 VS Code 等 IDE 中使用本地渲染插件,无需远程服务器。
不建议直接修改编码字符串。编码字符串是压缩+编码后的二进制数据,任何手动修改都会导致解码失败。如果需要修改图表,请使用本工具的解码功能还原原始 PlantUML 代码,修改后再重新编码。
PNG:通用图片格式,兼容性最好,适合嵌入文档;
SVG:矢量格式,无限缩放不失真,适合网页和高分辨率场景;
ASCII 文本:纯文本图表,适合终端或纯文本环境;
UML 源文件:返回原始 PlantUML 代码,方便分享和协作编辑。
PlantUML 代码以 @startuml 开头,以 @enduml 结尾。中间使用特定语法描述图表元素。例如类图中 class ClassName { ... } 定义类,ClassA -- ClassB 定义关系。本工具提供快速示例帮助你入门。
可能原因:① PlantUML 服务器连接超时(网络问题或服务器不可用);② PlantUML 代码有语法错误,服务器返回了错误图片;③ 浏览器跨域限制。建议检查代码语法,或尝试切换服务器。如果使用自建服务器,请确保其可公开访问。
本工具完全免费,所有编码解码操作在浏览器本地完成,不会上传你的数据到任何服务器。生成预览图片时才会向所选 PlantUML 服务器发送请求。你可以无限制使用所有功能。
可视化CSS box-shadow生成工具,拖拽调整阴影偏移、模糊、扩散、颜色,实时预览并生成代码。
将非ASCII域名(如中文域名)转换为Punycode格式或还原,理解国际化域名编码机制。
填写标题、描述、图片等信息,自动生成符合Open Graph协议的HTML meta标签,优化社交平台分享预览。
解析JSON Web Token,显示Header和Payload内容及签名算法,不验证签名,方便开发调试。
选择结构类型(Article, Product等),填写字段生成JSON-LD代码,嵌入网页增强搜索结果。
在线JSON格式化与验证工具,支持JSON压缩美化、语法高亮、错误定位,浏览器本地处理保障数据安全。
上传或搜索图片,自由排列、旋转、剪裁成灵感拼贴,适合设计师收集创意参考。
在线XML格式化工具,支持XML缩进美化、语法高亮、树形结构查看及格式验证,完全在浏览器中处理。
随机生成或手动添加种子点,实时绘制泰森多边形分割区域,可导出为SVG或图片。
提供多组在各色盲类型下仍可区分的定性、连续配色方案,辅助图表设计。
在线Flexbox布局可视化生成器,直观调整主轴、交叉轴对齐、换行等属性,实时显示效果并输出CSS。
填写标题、文本和URL,触发系统级分享菜单,测试Web Share API功能。
在线条形码生成工具,支持Code128、EAN-13等多种格式,输入数字或字母生成矢量条形码,可保存为图片。
在线Base64URL编码与解码,替换+/-为-/_并去除=填充,专为URL和JWT等场景优化。
观察目标节点的添加、删除、属性变更,日志可视化展示,调试动态DOM的利器。
使用新的 Navigation API 拦截导航、管理历史条目,构建类 SPA 体验。
填入Payload及密钥,选择HS256/RS256算法生成JWT,并验证已签发Token的签名与过期时间。
基于Canvas的在线绘图工具,提供画笔、橡皮擦、颜色选择、撤回等功能,自由涂鸦并保存作品。
输入域名,调用开放的WHOIS API获取注册信息,返回可用信息片段(需API兼容)。
展示Tailwind CSS全套颜色(50-950)的色块,点击复制对应的类名或十六进制值。
在线ROT13编码与解码,字母位移13位,简单经典的单表置换加密,适用于隐藏轻度敏感文本。
展示如何用默认策略将字符串转换为TrustedHTML,并观察禁止直接赋值的安全限制。
随机提供一句引人入胜的故事开头,帮助作家克服空白页。
使用新的Sanitizer API清理可能存在XSS风险的HTML字符串,并安全插入DOM。
输入房间尺寸和表面材料吸音系数,简略估算该房间的混响时间。
输入目标URL,发送预检请求,分析Access-Control-*头,诊断跨域问题。
在Canvas上手写签名,支持调节笔刷粗细和颜色,将签名保存为透明PNG图片。
在正常文字上下添加大量Unicode组合符号,产生毛刺、阴森的Zalgo效果,可调强度。
掷五个虚拟骰子,自动分类计算十六条得分项并高亮最佳填充策略,辅助桌游。
为图片添加凸变或凹变扭曲,模拟超广角鱼眼镜头的夸张效果。