snap.svg 可以直接操作svg元素吗？
本文介绍了snap.svg 可以直接操作svg元素吗？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
代码如下，没有反应；但是可以操作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>解决方案
初始化对象错误
<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>这篇关于snap.svg 可以直接操作svg元素吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
