javascript - DOM レンダリングにイベントはありますか?

Question

このjavascript Library jQuery SVGを使用して、htmlページで外部svgを操作しています。SVG はレンダリングが非常に遅いです。

svg ファイルが非常に重い場合、レンダリングの前に開始されるため、最初のアニメーションが表示されません。読み込みイベントでアニメーションが開始されますが、ページがまだレンダリングされていないため、アニメーションが終了したことがわかります。JavaScriptでレンダリングイベントをキャプチャする方法はありますか?

// load svg
$('#slide').svg({});
  var svg = $('#slide').svg('get');
  svg.load('slide.svg', {
  addTo: false,
  changeSize: false,
  onLoad: onLoad 
}); 
// animation start when dom is ready not when page is render
function onLoad(){ 
  $('#maskRight').animate({svgWidth: '200'}, 1500)
}