问答博客标签用户活动
logo极客观点logoMicrosoftlogoHarmonyOS
javascript
php
java
vue.js
git
html5
python
node.js
android
mysql
react.js
linux
ios
css
golang
spring
docker
程序员
logoONES 研发管理logoTower 团队协作logoApache Answerlogo安谋科技 XPU

snap.svg 可以直接操作svg元素吗？

头像
jonnypeng
    27733857

    代码如下，没有反应；但是可以操作snap绘制的svg元素

    <body>
        <svg id="svg" width="300" height="300">
          <circle id="c1" cx=150 cy="105" r="20" style="fill:red"></circle>   
        </svg>
<script src="//cdn.bootcss.com/snap.svg/0.4.1/snap.svg-min.js"></script>
<script>
        setTimeout(fn1,2000);
        var c1 = document.getElementById("c1");
        function fn1(){
                c1.attr({"fill":"blue"}); 
        }

</script>
</body>
    svgsnap.svg
    阅读 3.9k
    1 个回答
    得票最新
    头像
    jonnypeng
      27733857
      ✓ 已被采纳

      初始化对象错误

      <body>
        <svg id="svg" width="300" height="300">
          <circle id="c1" cx=150 cy="105" r="20" style="fill:red"></circle>   
        </svg>
<script src="//cdn.bootcss.com/snap.svg/0.4.1/snap.svg-min.js"></script>
<script>
        setTimeout(fn1,2000);
        var c1 = Snap（“＃c1”）
        function fn1(){
                c1.attr({"fill":"blue"}); 
        }

</script>
</body>
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题
      宣传栏