您可以直接使用 JavaScript 存取在 Illustrator 中建立的 SVG 元素嗎？
- Linda Hamilton原創
- 2024-11-12 01:55:02531瀏覽
透過 JavaScript 從 Illustrator 存取 SVG 元素
有些設計師偏好在 Illustrator 中建立 SVG 檔案，以便日後使用 JavaScript 進行操作。這就提出了是否可以使用 JavaScript 存取此類 SVG 中的特定元素的問題。
給定的程式碼片段展示了 Illustrator 產生的 SVG，其中包含由 ID 和基本 HTML 頁面標識的元素。出現了兩個問題：
- 是否可以直接存取這些元素，而不需要 Raphaël 或 jQuery SVG 等外部函式庫？
- 如果可以，可以採用什麼技術？
答案：
可能嗎？
是的，直接存取在 Illustrator 中建立的 SVG 元素是完全可行的JavaScript，無需額外的函式庫。
技術：
以下程式碼示範了一個有效的基本方法：
<!DOCTYPE html>
<html>
<head>
<title>SVG Illustrator Test</title>
</head>
<body>
<object data="alpha.svg" type="image/svg+xml">
密鑰
- 向物件新增事件監聽器，以確保腳本在SVG 載入後執行。
- 使用 contentDocument 允許存取 SVG 的內部 DOM檔。
- 然後可以透過其 ID 和指派的事件處理程序來存取 SVG 中的元素。
注意：要正確運行此 HTML，必須由於同源策略限制，託管在 IIS 或 Tomcat 等 Web 伺服器上。
以上是您可以直接使用 JavaScript 存取在 Illustrator 中建立的 SVG 元素嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn