svgElement在Chrome中不起作用

Question

html标签

<svg  width="550px" height="300px">
    <g transform="translate(275, 150)"> 
        <circle id="mySquare" cx="0" cy="0" r="10" style=" fill: orange; />
    </g>
</svg>

js脚本

mySquare.currentTheta += 0.3;
mySquare.transform.baseVal.getItem(0).setRotate(mySquare.currentTheta, 0, 0);

该脚本在IE9中有效

但在Chrome中，无法正常工作

chrome不支持svgElement？

Answer 1

在使用getElementById()类的东西之前，先获取各自的元素：

var mySquare = document.getElementById( 'mySquare' );
mySquare.currentTheta += 0.3;
mySquare.transform.baseVal.getItem(0).setRotate(mySquare.currentTheta, 0, 0);

并非所有具有ID的元素都具有具有该ID的全局变量的功能/错误，并非在所有浏览器中都存在。