小编use*_*819的帖子

我坚持将svg动画的大小调整为页面的不同百分比.

我创建了一个圆圈,增加了它的大小,然后恢复正常:

<svg id="mySVG" xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle id="myCircle" cx="600" cy="250" r="70" fill="yellow" stroke="green" stroke-width="5">
<animate attributeName="r" values="70; 140; 210; 140; 70" dur="10s" repeatCount="indefinite"/>
</circle>
</svg>

然后,当我改变svg的rea大小时,圆圈不会改变它的大小,也不会改变该区域内的位置.

我试图用CSS缩放动画,给像素体大小,然后以百分比为SVG分配一个区域:

body{
width: 1440px;
heigth: 990px
}

#mySVG{
width: 100%;
}

另外,我试图用javascript改变大小:

function resize(){
var svg = document.getElementById("mySVG");
        svg.style.width = window.innerWidht;
svg.style.height = window.innerHeight;
} 

他们都没有工作......想知道什么是最好的方法来扩展SVG动画不仅与这个圆圈,而且通常与SVG动画.

提前致谢.