[Иванasd2]

Здравствуйте. Есть некоторый new Image() и координаты x1 y1 x2 y2. Как нарисовать в канвас линию от одной точки к другой с некоторым шагом используя эти объекты?

function drawLine() {
  par.forEach((i) => {
    par.forEach((j) => {
      const x1 = i.x;
      const y1 = i.y;
      const x2 = j.x;
      const y2 = j.y;
      const len = Math.sqrt((x1 - x2) ** 2 + (y1 - y2) ** 2);
      const alpha = 1 - len / props.lineLen;
      if (len < props.lineLen) {
        for (let z = 0; z < len; z += props.lineStep) {
          const img = new Image();
          img.src = `face/${props.face[1]}.png`;
          ctx.drawImage(img, x1, y1, props.lineSize, props.lineSize);
        }
      }
    });
  });
}