如何使用 Transform 在线转换代码或数据格式?
Transform（transform.tools）是一个多语言在线转换器，把一段源格式的代码或数据粘贴进去，选择目标格式，就能得到转换结果并复制使用。它适合开发中临时做格式迁移、生成类型定义或 Schema 的场景，比如把 JSON 转成 TypeScript、把 HTML 转成 JSX。转换在浏览器里完成，不需要安装依赖。
选择源格式与目标格式
网站按源格式分组，每组下列出可转换到的目标格式。根据页面内容，主要分组包括：
| 源格式 | 可转换目标（页面列出的部分） |
|---|---|
| SVG | JSX、React Native |
| HTML | JSX、Pug |
| JSON | BigQuery Schema、Flow、Go Bson、Go Struct、GraphQL、io-ts、Java、JSDoc、JSON Schema、Kotlin、MobX-State-Tree Model、Mongoose Schema、MySQL、React PropTypes、Rust Serde、Scala Case Class、TOML、TypeScript、YAML、Zod Schema |
| JSON Schema | OpenAPI Schema、Protobuf、TypeScript、Zod Schema |
| CSS | JS Objects、TailwindCSS、template literal |
| JavaScript | JSON、TypeScript |
| GraphQL | Components、Flow、Fragment Matcher、Introspection JSON、Java、Resolvers Signature、Schema AST、TypeScript |
| MongoDB | JSON-LD（Compacted、Expanded、Flattened、Framed、N-Quads、Normalized） |
| TypeScript | Flow、JSON Schema、plain JavaScript、TypeScript Declaration、Zod Schema |
| Flow | plain JavaScript、TypeScript、TypeScript Declaration |
| 其他 | Cadence to Go、Markdown to HTML、TOML to JSON、TOML to YAML、XML to JSON、YAML to JSON、YAML to TOML |
操作方式：先确定你手里内容的格式（源），再在对应分组里点选目标格式，进入该转换页面。
粘贴内容并获取结果
进入具体转换页面后：
- 在输入区粘贴或输入待转换的源内容。
- 页面会实时生成转换结果，显示在输出区。
- 检查输出是否符合预期，尤其是字段命名、类型映射和缩进。
以 JSON 转 TypeScript 为例：输入一段 JSON 对象，输出会是对应的 TypeScript 接口或类型声明。如果 JSON 里嵌套层级较深，输出的类型也会相应嵌套，需要确认生成的类型名是否与你的项目命名习惯一致。
复制输出到项目中使用
结果区提供复制按钮（页面中可见 “Copy”），点击即可把转换结果复制到剪贴板，再粘贴进你的代码文件。复制前建议先通读一遍输出，确认：
- 类型或字段是否完整覆盖了输入内容；
- 目标格式的语法是否符合你项目所用版本；
- 是否需要手动调整命名、导入语句或注释。
SVG 转换的 SVGO 优化开关
SVG 相关的转换页面带有额外设置。页面提示：SVGO optimization is turned on. You can turn it off or configure it in settings（SVGO 优化默认开启，可以关闭或在设置中配置）。
这意味着把 SVG 转成 JSX 或 React Native 时，输出默认经过 SVGO 压缩优化，可能移除冗余属性、合并路径或调整数值。如果你需要保留原始 SVG 的完整结构，应在设置里关闭 SVGO 或调整其配置，再复制结果。
常见卡点
- 格式选错：源格式分组很多，JSON、JSON Schema、TypeScript 容易混淆，选错会导致输入无法解析或输出不符合预期。
- 输出被优化：SVG 转换默认开启 SVGO，未关闭时可能丢失你需要的属性。
- 复杂嵌套：深层嵌套的 JSON 或 Schema 转出的类型/结构较长，需自行核对命名与层级。
- 单向转换：页面按源格式组织，某些目标格式没有反向入口，需要换到对应源格式分组再操作。