Question

我正在尝试学习如何使用snap.svg，我正在尝试更改我的svg的一部分颜色。但是每次我尝试这个页面都会变成空白而我得到错误（Uncaught TypeError：无法读取属性'attr'为null）这是我的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Test</title>
    <script src="dist/snap.svg.js"></script>
</head>
<body>
<script>
    var s = Snap(800,600);
    var g = s.group();
    var cube = Snap.load("theCube2.0.svg", function ( f ) {

        var g = f.select("SVGID_2_");
        g.attr({fill: '#101010'});
        s.append( f );
    } );


</script>

我也链接了我的svg。 https://dl.dropboxusercontent.com/u/185556553/theCube2.0.svg

Answer 1

您忘了提及css选择器#SVGID_2_而不是SVGID_2_

使用

var g = f.select("#SVGID_2_");

语法：

f.selector("css selector")

Snap.svg改变颜色attr

1 个答案: