svgで矢印を描く

1339 ワード

svgでmarkerを使用して矢印要素を定義します.この要素はdefs要素に埋め込まれ、矢印要素の多重化を実現できます.この要素では、次の共通属性を使用できます.
  • class
  • style
  • externalResourcesRequired
  • viewBox
  • preserveAspectRatio
  • transform

  • 次のプライベート属性があります.
  • markerUnits
  • refX
  • refY
  • markerWidth
  • markerHeight
  • orient
  • refx,refy ,refx 0,refy viewport ,markerWidth、markerHeight viewport , viewport 、 ;
    
    
      
        
          
        
      
    
      
    

    メモ:marker-endプロパティで矢印を参照すると、矢印がセグメントの末端に表示されます.