SVG元数据编辑器 - 查看修改Title/Desc
加载SVG文件,查看和修改其内部<title>, <desc>等元数据,提升可访问性。
UD5工具箱
SVG(可缩放矢量图形)是基于XML的矢量图像格式,由W3C制定为标准。相比传统位图,SVG文件体积小、缩放无损、支持CSS动画。 将SVG转为PNG表情包后,可广泛应用于即时通讯、社交媒体、论坛社区等场景。 推荐工作流:在矢量软件中创作 → 导出SVG → 使用本工具批量生成多尺寸PNG → 上传到各平台表情库。 对于开发者,还可以将生成的PNG打包为表情包合集,或集成到Web应用中作为内联表情使用。
加载SVG文件,查看和修改其内部<title>, <desc>等元数据,提升可访问性。
上传或粘贴SVG,将其编码为可安全嵌入CSS的background-image: url(data:...)字符串。
上传Lottie JSON,解析路径并将所有关键帧导出为单独的SVG文件。
从 Schema 中浏览类型,勾选所需字段和嵌套,实时生成 GraphQL 查询语句。
快速创建FAQ样式的手风琴列表,填入问题与答案,生成HTML/CSS/JS交互代码。
上传音频文件,提取振幅数据并生成对应的 SVG 波形路径,可自定义颜色和尺寸。
生成优先调用系统自带手写风格字体的font-family栈,让网页更亲切。
粘贴 CSV 或 JSON,一键转换为另一种格式,并带有示例数据集方便学习。
输入JSON Schema,自动渲染出一个美观可用的表单界面(演示)。
创建左右布局的对话气泡样式,配置尾巴方向和颜色,生成聊天组件。
将复杂嵌套JSON数组转为CSV,支持选择性展平列和排除字段,适配数据导出需求。
通过下拉选择宽度、高度、分辨率等,逻辑组合并生成完整的@media规则。
输入服务地址与方法,构造 gRPC-Web 请求,查看二进制帧与反序列化后的响应消息。
单独对元素背景区域应用模糊、亮度、灰度等滤镜,生成兼容的CSS backdrop-filter属性。
输入文本和容器宽度,计算所需的字体大小使文本不换行,利用JS测量实时反馈。
输入名字,生成带有首字母的彩色圆形头像,适合无头像用户使用。
通过表单设置方法、头、体等参数,自动生成对应的 cURL 命令,方便复制执行。
输入meta标签属性,模拟显示Twitter分享卡片的大图或小图样式,检验标记是否正确。
对图片应用多种滤镜组合,对比原图与效果,学习 filter 属性的视觉影响。
输入提示词,模拟对话格式预览发送给模型的效果,辅助优化提示工程。
选择国家,生成符合当地格式的随机假地址,包括街道、城市、邮编和电话号码。
同时展示两种盒模型下元素的尺寸变化,直观理解宽度计算差异。
演示Service Worker或简单代理拦截fetch请求并返回自定义JSON数据。
可视化定制弹窗样式、按钮文案和动画,生成替换原生alert的HTML/CSS/JS代码。
随机生成包含日期、天气、遭遇和发现的虚构探险日志段落,激发创意写作。
输入文字颜色和背景颜色,计算对比度比例,验证是否符合WCAG 2.1的AA/AAA级无障碍标准。
调整光源和圆角,生成带嵌入感的凹槽或按下状态的CSS样式。
调用摄像头,通过Shape Detection API实时识别图像中的条形码或人脸位置。
录制一段语音,生成带有音频波形和自定义文本的分享卡片图片。
选择一个元素,展示浏览器如何根据 ARIA 属性、内容、label 等计算其可访问名称。