jQuery DrawSVG: вызывать функцию после завершения рисования при прокрутке?

Question

Я использую jQuery DrawSVG Леонардо Сантоса для рисования простого SVG path на странице при прокрутке страницы.

Я бы хотел иметь возможность вызывать функцию, когда путь полностью прорисован.

Это скрипт для рисования пути на свитке:

var $doc = $(document),
  $win = $(window),
  $svg = $("#Layer_1").drawsvg({
    stagger: 0
  }),
  max = $doc.height() - $win.height();

$win.on("scroll", function() {
  var p = $win.scrollTop() / max;
  $svg.drawsvg("progress", p);
});

DrawSVG предоставляет встроенную опцию для вызова обратного вызова после завершения анимированного рисования пути:

var $svg = $("svg").drawsvg({
  callback: function() {
    // do something
  }
});

Могу ли я сделать то же самое / что-то похожее для рисования на свитке?

Answer 1

Как насчет этого?

$win.on("scroll", function() {
  var p = $win.scrollTop() / max;
  $svg.drawsvg("progress", p);
  if (p >= 1)
    myCallbackFunction();
});