如何用Snap()方法封装多个
我想用Snap.svg来制作多个图形。于是在目标元素后添加了svg元素,然后就能用snap.svg封装后绘图了。但是我填写snap(x,y) 封装后的元素就不会在原来的<p></p>标签内。我现在应该用snap(array)还是snap(DOM)呢t t...
<html>
<head>
<script src="jquery-1.9.0.min.js"></script>
<script src="snap.svg-min.js"></script>
<script>
$(function(){
var list = $("#list p");
$('<svg class="svg"></svg>').insertAfter(list)
var
svg = $("#list .svg"),
i ;
svg.each(function(i){
$(this).attr("id", i+1);
//s = Snap("这里的参数怎么写呢?");
s = Snap(100,200);//这个是错误的
s.paper.circle(0,0,5);
s.attr({
viewBox : "-5,-5,10,10"
});
});
});
</script>
</head>
<body>
<h3> Snap.svg </h3>
<ul id="list">
<li><p>list</p></li>
<li><p>list</p></li>
<li><p>list</p></li>
</ul>
</body>
</html>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
传入dom试试