I’m trying to draw all the bits that compose the whole message of the perseverance parachute I have a function that draw one bit on my svg and I want to end my path that I set with a Chevron shaped end (<)
perseverance parachute

The code I’m using is

function drawBitShape(svg, cx, cy, maxBits, startAngle, endAngle, bintype) {
  var x1 = parseFloat(cx + maxBits * Math.cos(-startAngle * vars.radian));
  var x2 = parseFloat(cx + maxBits * Math.cos(-endAngle   * vars.radian));
  var y1 = parseFloat(cy + maxBits * Math.sin(-startAngle * vars.radian));
  var y2 = parseFloat(cy + maxBits * Math.sin(-endAngle   * vars.radian));
  var flag = endAngle - startAngle > 180 ? 1 : 0;
  var path = "M " + cx + " " + cy + " L" + x1 + " " + y1 + 
             " A" + maxBits + " " + maxBits + " " + 0 + " " + 
             flag + " " + 0 + " " + x2 + " " + " " + y2 + "z";
  
  svg.path(path).attr({
    fill: (bintype == 0 ? "#FFFFFF" : "#FF0000"),
    class: "sectors",
    stroke: "#555"
  });
}