您可以直接使用 JavaScript 存取在 Illustrator 中建立的 SVG 元素嗎？

透過 JavaScript 從 Illustrator 存取 SVG 元素

有些設計師偏好在 Illustrator 中建立 SVG 檔案，以便日後使用 JavaScript 進行操作。這就提出了是否可以使用 JavaScript 存取此類 SVG 中的特定元素的問題。

給定的程式碼片段展示了 Illustrator 產生的 SVG，其中包含由 ID 和基本 HTML 頁面標識的元素。出現了兩個問題：

1. 是否可以直接存取這些元素，而不需要 Raphaël 或 jQuery SVG 等外部函式庫？
2. 如果可以，可以採用什麼技術？

答案：

可能嗎？

是的，直接存取在 Illustrator 中建立的 SVG 元素是完全可行的JavaScript，無需額外的函式庫。

技術：

以下程式碼示範了一個有效的基本方法：

    <title>SVG Illustrator Test</title>


    <object data="alpha.svg" type="image/svg+xml"></object>

密鑰

向物件新增事件監聽器，以確保腳本在SVG 載入後執行。
• 使用 contentDocument 允許存取 SVG 的內部 DOM檔。
• 然後可以透過其 ID 和指派的事件處理程序來存取 SVG 中的元素。

注意：要正確運行此 HTML，必須由於同源策略限制，託管在 IIS 或 Tomcat 等 Web 伺服器上。

以上是您可以直接使用 JavaScript 存取在 Illustrator 中建立的 SVG 元素嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！