使用 SVG 互動

上次更新時間 2026年1月22日

了解如何從 SVG 圖稿新增 JavaScript 至事件、管理外部指令碼,以及刪除一個或所有事件動作。

對圖稿新增 SVG 互動

選取「視窗 > SVG 互動」。

在「SVG 互動」面板中,從「事件」下拉式選單中選取 SVG 事件。

輸入對應的 JavaScript,然後按下 Enter 鍵 (Windows) 或 Return 鍵 (macOS)。

「SVG 互動」對話框顯示「事件」下拉式選單,以及包含輸入之 JavaScript 程式碼的 JavaScript 輸入欄位。
選取事件並輸入適當的 JavaScript 程式碼。

列出、新增或移除連結至檔案的事件

在「SVG 互動」面板中選取「連結 JavaScript 檔案

在「JavaScript 檔案」對話框中,執行下列任一動作:

  • 若要新增其他 JavaScript 檔案,請選取「新增」,然後從系統中選取所需的 JavaScript 檔案或輸入檔案的 URL。
  • 若要移除 JavaScript 檔案,請從清單中選取 JavaScript 項目,然後選取「移除」。

從「SVG 互動」面板刪除事件

您可以使用「SVG 互動」面板刪除一個或所有事件。

若要刪除一個事件,請選取事件並選取「移除所選項目

若要刪除所有事件,請從面板選單 中選取「清除事件」。