Animation Snap.svg:Can';设置对象动画
我正在尝试使用snap.svg设置对象的动画,它正在显示但没有缩放。 这是我的密码。 仅当我使用代码生成对象,但不使用加载的svg对象时,它才起作用。 为什么它没有在悬停上设置动画Animation Snap.svg:Can';设置对象动画,animation,snap.svg,Animation,Snap.svg,我正在尝试使用snap.svg设置对象的动画,它正在显示但没有缩放。 这是我的密码。 仅当我使用代码生成对象,但不使用加载的svg对象时,它才起作用。 为什么它没有在悬停上设置动画 <html> <head> <title></title> <script type="text/javascript" src="snap.svg.js"></script> <script src="http:/
<html>
<head>
<title></title>
<script type="text/javascript" src="snap.svg.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
#svg {
width : 600px;
height : 600px;
}
</style>
</head>
<body>
<svg id="svg"> </svg>
</body>
<script type="text/javascript">
var paper = Snap("#svg");
Snap.load("balls.svg" , function(d){
var icon = d.select('#round_ball');
var back = d.select('#background');
paper.append(d);
back.attr({
fill : '#000000'
});
icon.hover(function(event) {
this.animate({
transform : "t110,150",
filter: f
}, 200, mina.easeout);
}, function(event) {
this.animate({
transform : "t0,0"
}, 200, mina.easeout);
});
});
</script>
</html>
#svg{
宽度:600px;
高度:600px;
}
var paper=Snap(“#svg”);
Snap.load(“balls.svg”,函数(d){
var icon=d.select('round#u ball');
var back=d.select(“#背景”);
文件.附加(d);
back.attr({
填写:“#000000”
});
图标悬停(函数(事件){
这是动画({
变换:“T110150”,
过滤器:f
},200,mina.easeout);
},功能(事件){
这是动画({
变换:“t0,0”
},200,mina.easeout);
});
});
svg文档的链接“filter:f”应该在那里吗?(只需提问-snap.svg的新增内容)