UUUP Tools UUUP Tools 常用在线工具集

design / 可用工具

单点 Path 指令集肉眼除错画板

当老项目有一长串 `d="M10 20 L... Z"` 你完全无法理解那是根什么线。把它复制出来贴到这，它会立马用可视化网格坐标与边框解析原图状态。

快速切换 → SVG 数据内联转义
DesignCSSHTMLFrontend
快速切换： SVG 数据内联转义

收藏工具

当前还没有选择收藏模式。

快捷操作

返回设计配色 浏览全部工具

你可以复制当前工具页链接，或者在支持的设备上直接调用系统分享。

视觉与图形

SVG 极客划线解析

Path 'd' Data

使用场景

  • 有个复杂的 Icon 破图了，单独把其核心的 path d 属性抽出来扔入网格模拟器查断点。

如何使用

  1. 1. 在 D 区只输入那一长串坐标。通过旁边的 viewbox HUD 控制其在 100x100 的视口中缩放寻找位置。

示例输入输出

Cmd

M10,10 L90,90

Draw

[斜杠线]

FAQ

除了 D 属性还能编辑其他吗？

这是一个极客单点划线工具，仅处理 `path d="..."` 语法。

工具列表

相关推荐

你可以从这里继续打开相近场景的工具，减少重复搜索。

SVG 数据内联转义

背景 CSS Base64 / URI 注入器

可用

别再到处存大量零碎小 SVG 图片文件了！将代码扔进来，采用最极致安全的 URL 编码或是传统 B64，瞬间转换为 `background-image: url(...)` 安全挂载字符串。

Design CSS HTML
查看工具