Как я могу нарисовать отпечатки стоп, используя холст с путем?

Question

Я видел точный ответ здесь Анимированные шаги в html SVG

Это работает на это, однако, когда я использую Dynami c значение пути (в процентах), Это не работает Пожалуйста, помогите мне.

Это мой образец холста. Я хочу поставить ступни на него сверху.

function drawImageCanvas() {
  var canvas  = document.getElementById('my-canvas');
  var ctx = canvas.getContext('2d');
  var base_image = new Image();

  base_image.width =  400;
  base_image.height = 400;
  base_image.onload = function(){    
    ctx.drawImage(base_image, 0, 0, 400, 400);

  }
  base_image.src = 'https://images.unsplash.com/photo-1567459169668-95d355371bda?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80';
    }

drawImageCanvas();

<canvas id="my-canvas">

Спасибо!