如何从 img 标签中的 svg 文件中选择路径标签？ [复制]答案

【问题标题】：How to select path tag from svg file in img tag? [duplicate]如何从 img 标签中的 svg 文件中选择路径标签？ [复制]
【发布时间】：2015-05-27 22:17:22
【问题描述】：

在下面的 html 文件中，我通过 img 标签加载了一个 svg 文件。我想在 svg 文件中选择一个特定的路径元素并对其进行操作，就像仅更改所选路径元素的旋转一样。这不起作用，有人知道为什么吗？

谢谢

<!DOCTYPE html>
<html>
    <head>
        <title>Animate</title>

        <style>

        </style>

        <script src="../js/plugin/jquery-2.1.4.min.js"></script>


        <script>
            $(document).ready(function() {
                var right_arm = document.querySelector('steve.right_arm');//in JS
                var a = 1;
            });
        </script>
    </head>

    <body>
        <img id="steve" src="images/steve/steve.svg" height="300" alt="Steve"/>
    </body>

</html>

【问题讨论】：

你在哪里轮换？
<img> 标签没有 DOM，您无法操作它们。您需要给我们一个 <object> 或 <iframe> 标签。

标签： javascript html svg

【解决方案1】：

正如 cmets 中所说，img 没有 DOM。您不能从此标签更改路径。

您可以将所有的svg内容粘贴到html而不是img标签中。

然后您可以使用 d3.js 或 snapsvg.io。或者同样你可以使用 jQuery，选择带有 id 或 className 的路径并更改其属性或 cas 属性。

【讨论】：