首页 > 代码库 > Raphael.js改变元素层叠顺序

Raphael.js改变元素层叠顺序

Raphael.js 元素(Element)改变层叠顺序,Raphael.js是一个矢量绘图库兼容svg和vml。初学时感觉css的z-index能搞定,结果是不支持,不过矢量绘图符合dom标准。可以改变dom加载顺序实现想要的结果。

1、看Raphael.js API,有关于改变层叠的方法,但只找到两个互换。查看源码发现有改变dom结构的方法。

2、XML DOM appendChild() 方法 移除原有元素插入到新位置。刚开始以为只新增,不移除原有。走了很多弯路,基础不扎实。

3、Raphael.js 有Element.node  获取DOM对象的引用。这样就可以使用原生js,Element.node.parentNode.appendChild(Element.node);//移动到顶层。