1.svg基本形状

1.viewBox 定义用户单位

基本上,在 SVG 文档中的1个像素对应输出设备(比如显示屏)上的1个像素,但是这种情况是可以改变的。

  

    

    

    SVG

  

默认

viewBox属性可以定义画布上可以显示的区域。viewBox="0 0 150 100" 相对于定义的width="300" height="200",等于将画面内容放大2倍关系。

  

    

    

    SVG

  
viewBox

2.基本形状

以下图形代码均包含在根元素svg内。

  1. 矩形
      
     
     
rect
  1. 圆形
     
     
circle
  1. 椭圆
     
     
ellipse
  1. 线条
     
    
line
  1. 折线
    
    
polyline
  1. 多边形
    
    
polygon
  1. 路径
    

     
二次贝塞尔曲线,来源于慕课网

三次贝塞尔曲线,来源于慕课网

S,来源于MDN

T,来源于MDN

path

你可能感兴趣的:(1.svg基本形状)