首页 > web前端 > js教程 > 正文

您可以直接使用 JavaScript 访问在 Illustrator 中创建的 SVG 元素吗?

Linda Hamilton
发布: 2024-11-12 01:55:02
原创
530 人浏览过

Can You Access SVG Elements Created in Illustrator Directly with JavaScript?

通过 JavaScript 从 Illustrator 访问 SVG 元素

一些设计师更喜欢在 Illustrator 中创建 SVG 文件,以便以后使用 JavaScript 进行操作。这就提出了是否可以使用 JavaScript 访问此类 SVG 中的特定元素的问题。

给定的代码片段展示了 Illustrator 生成的 SVG,其中包含由 ID 和基本 HTML 页面标识的元素。出现了两个问题:

  1. 是否可以直接访问这些元素,而不需要 Raphaël 或 jQuery SVG 等外部库?
  2. 如果可以,可以使用什么技术

答案:

可能吗?

是的,访问 SVG 是完全可行的直接从 JavaScript 在 Illustrator 中创建的元素,无需额外

技术:

以下代码演示了一种有效的基本方法:

<!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,它必须托管在 Web 服务器上,例如IIS或Tomcat由于同源策略限制。

以上是您可以直接使用 JavaScript 访问在 Illustrator 中创建的 SVG 元素吗?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板