JS创建SVG标签/SVG使用JS动态生成饼图/SVG动画/VML/raphael.js/随机出现color的方法

JS创建SVG标签

    //SVG矢量图适应不同大小画布只需要将所有点的位置重新计算即可;
    //SVG不能直接使用createElement()来创建节点;
    //createElement()是用来创建HTML命名空间的标签,此函数是JS作者封装了createElementNS()得到的;
    //创建SVG命名空间的line标签,应当使用如下方式
    document.createElementNS('http://www.w3.org.2000/svg','line');

SVG使用JS动态生成饼图

SVG动画

    使用requestAnimationFrame()逐帧动画;
    
    
        
        
        
    
    
        
    
    

SVG兼容问题,需要使用VML(兼容ie4-ie7)

使用vml的准备工作:
1.在HTML标签上加属性xmlns:v="urn:schemas-microsoft-com:vml"
    
2.添加一个样式:
    
3.body中的标签全部是v开头
    

SVG兼容问题,raphael.js

使用这个库,解决前面所有的SVG需求！

扩展

随机出现color的方法
    1.FFFFFF == 16777215;所以颜色最大不可超过16777216;
    2.数字toString函数可以传进制;
    3.随机完可能是五位数,需要补0;
    var color = Math.floor(Math.random()*16777216).toString(16);
    while(color.length<6)color='0'+color;