2017-05-10 4 views
1

以下は、rectに対してSVG.jsを使用して幅と高さをアニメートする例です。幅&高さは両方とも、アニメーション化可能な有効なメソッドとしてリストされています。アニメーションは応答がありません。SVG.js:矩形の幅または高さをアニメートできない

それはエラーを返します: "myRect.animate(...)幅は関数ではありません"

を任意のアイデア?

<!DOCTYPE html> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
 
    <title>SVG.js - Rect Animate Width/Height</title> 
 
    <script type="text/javascript" src="//svgDiscovery.com/SVG.js/svg.js"></script> 
 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
</head> 
 
<body style='padding:10px;font-family:arial;'> 
 
<center> 
 
<h4>SVG.js - Rect Animate Width/Height</h4> 
 
<table> 
 
<tr> 
 
<td> 
 
<div id="svgDiv" style='background-color:lightgreen;width:400px;height:400px;'></div> 
 
</td> 
 
</tr></table> 
 
<script> 
 
    var mySVG = SVG('svgDiv').size(400, 400); 
 
    var myRect = mySVG.rect(100,100).attr({x:150,y:150,id:'myRect',fill: '#f00','stroke-width':3,stroke:'black'}); 
 
    myRect.animate().width(300) 
 
    myRect.animate().height(300) 
 
</script> 
 
</body> 
 
</html>

+1

この問題はgithubに報告してください。これはバグです。一方、 'size()'を使うと、 – Fuzzyma

答えて

1

あなたの問題は、バージョン2.6.2で修正されました。幅と高さが意図どおりに使用できるようになりました

関連する問題