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