svg常用简单示例

渐变的使用:

    
        
            
                
                
                
            
            
                
                
                
            
        
                
                
    

笔刷的使用:

    
        
            
        
        
    

加上patternUnits="userSpaceOnUse"可以让笔刷的尺寸基于世界坐标系

圆弧的绘制:

    
        
    
3个0分别表示:旋转角0°、取小弧、逆时针方向

文本的使用:

    
        你好啊
    

路径文本:

    
        
        
            你好啊我很好谢谢
        
    

裁剪示例:

    
        
            
                
            
        
        
    

蒙板示例:

    
        
            
                
                
            
            
                
            
            
        
    
被蒙板物体是根据亮度来显示的,越亮,显示的越清晰

基本动画:

    
        
            
            
        
    

多个动画是可以同时进行的;repeatCount="indefinite"可以让动画永远进行下去。

变换动画:

    
        
            
        
    

路径动画:

    
        
            
        
        
    

动画响应事件:

    
        
        
            
            
        
    
accesskey(s) 不兼容chrome








你可能感兴趣的:(svg)