粘贴即用：把代码变成组件

为什么要粘代码

很多好看的卡片、字幕样式、动态图标，本来就以代码的形式存在：一段 HTML、一个 SVG 图标、 一份 Lottie 动画 JSON、一个 React 组件。传统流程要把它们截图或录屏再放进剪辑软件，画质和可改性都丢了。 Orbit 直接把代码变成可以剪辑的片段。

支持的四类内容

你粘进去的	Orbit 的识别结果	能改什么
网页代码（HTML / CSS / JS）	网页组件	颜色、字体、字号、边框、圆角、透明度、宽高、模糊
SVG 图标	矢量组件	颜色、宽高、透明度
Lottie JSON	Lottie 原生运行时	画幅与时长自动填好，颜色可改
React 组件代码	React 组件	属性面板里可改的参数

看不懂的内容会当场被拒绝，并在对话框里说明原因，而不是生成一张显示乱码的卡片。

操作步骤

1. 在资源库点「粘贴」，或者直接把剪贴板里的内容粘进对话框。
2. 0.3 秒内出现识别结果：类型、画幅、默认时长。
3. 确认后保存到「我的组件」，它会出现在资源库里，可以直接拖上时间线。

几个细节

• 长度统一按像素：原代码里的 `%`、`vw` 会按组件画布 1920×1080 换算成像素，避免不同机器上显示不一致。
• 内容居中：组件内容默认在设计画布居中，方便你直接调整。
• 整页背景会问你：如果识别到的是整页大背景，添加到片段时会弹窗问要不要清除，防止盖住下面的画面。
• 审核与上架：提交到公共资源库的组件由后台审核，审核时可能微调属性，通过后卡片上会标注。

下一步

粘进来的组件往往需要改颜色和尺寸，去看关键帧、转场与字幕。