数据可视化 --- svg 鼠标事件响应的4种方法

1、SMIL方式 --- 由红变蓝，中间没有渐变的过程，一次到位。

<svg>
    <rect x="15" y="15" width="40" height="40" fill="red">
        <set attributeName="fill" to="blue" begin="click"/>
    </rect>
</svg>

2、Attributes方式 --- onclick= "changeColor(evt)"。

3、JavaScript+SMIL方式 --- set.setAttributeNS(null, "begin", "click")。

4、EventListener 方式 --- rect.addEventListener("click", changeColor, false)。