2020-06-15 矩阵变换

www.jianshu.com/p/ffeb7dcb9… developer.mozilla.org/zh-CN/docs/… www.cnblogs.com/duanhuajian…

重排与重绘

www.cnblogs.com/qcloud1001/…

pointer-events属性

1. auto——效果和没有定义pointer-events属性相同，鼠标不会穿透当前层。在SVG中，该值和visiblePainted的效果相同。
2. none——元素不再是鼠标事件的目标，鼠标不再监听当前层而去监听下面的层中的元素。但是如果它的子元素设置了pointer-events为其它值，比如auto，鼠标还是会监听这个子元素的。
3. 其它属性值为SVG专用，这里不再多介绍了。

ie9不支持element.classList，hack代码如下

var addClass = function addClass(element, className) {
    if (supportsClassList) {
        element.classList.add(className);
        return
    }
    element.className += (element.className ? " ": "") + className
};
var removeClass = function removeClass(element, className) {
    if (supportsClassList) {
        element.classList.remove(className);
        return
    }
    element.className = element.className.replace(new RegExp("(^|\\s+)" + className + "(\\s+|$)"), " ").replace(/^\s+/, "").replace(/\s+$/, "")
};