javascript - 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 不支持 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 的全局变量的功能/错误并非在所有浏览器中都存在。