Interface LinkTemplate

svg

• svg(link: Link): string

• The template link object.

  example

  let familyTree = new FamilyTree2(document.getElementById('tree'));
  
  familyTree.template.link.svg = function (link) {
     let strokeDasharray = '';
     let stroke = link.stroke;
  
     if (link.toNode.familyMember.flag) {
         strokeDasharray = 'stroke-dasharray="4"';
         stroke = 'blue';
     }
  
     return `<path ${strokeDasharray} style="fill: none; stroke: ${stroke}; stroke-width: ${link.strokeWidth}px;" marker-start="url(#rounded_start)" marker-end="url(#rounded_end)"></path>`;
  };
  

  Parameters

  • link: Link

  Returns string