貼上即用：把程式碼變成元件

為什麼要貼程式碼

很多好看的卡片、字幕樣式、動態圖示，本來就以程式碼的形式存在：一段 HTML、一個 SVG 圖示、 一份 Lottie 動畫 JSON、一個 React 元件。傳統流程要把它們截圖或錄影再放進剪輯軟體，畫質和可改性都丟了。 Orbit 直接把程式碼變成可以剪輯的片段。

支援的四類內容

你貼進去的	Orbit 的辨識結果	能改什麼
網頁程式碼（HTML / CSS / JS）	網頁元件	顏色、字型、字級、邊框、圓角、透明度、寬高、模糊
SVG 圖示	向量元件	顏色、寬高、透明度
Lottie JSON	Lottie 原生執行環境	畫面比例與時長自動填好，顏色可改
React 元件程式碼	React 元件	屬性面板裡可改的參數

看不懂的內容會當場被拒絕，並在對話框裡說明原因，而不是產生一張顯示亂碼的卡片。

操作步驟

1. 在資源庫點選「貼上」，或直接把剪貼簿裡的內容貼進對話框。
2. 0.3 秒內出現辨識結果：類型、畫面比例、預設時長。
3. 確認後儲存到「我的元件」，它會出現在資源庫裡，可以直接拖上時間軸。

幾個細節

• 長度統一以像素計算：原程式碼裡的 %、vw 會依元件畫布 1920×1080 換算成像素，避免不同機器上顯示不一致。
• 內容置中：元件內容預設在設計畫布置中，方便你直接調整。
• 整頁背景會問你：如果辨識到的是整頁大背景，加入片段時會彈出視窗問要不要清除，防止蓋住下面的畫面。
• 審核與上架：提交到公共資源庫的元件由後台審核，審核時可能微調屬性，通過後卡片上會標註。

下一步

貼進來的元件往往需要改顏色和尺寸，去看關鍵影格、轉場與字幕。