pdf.js-javascript中的页面淡出/淡出效果

我正在使用pdf.js显示一些pdf文件。 所有这些都很好，但现在我尝试在单击“上一步/下一步”按钮时添加一些改进效果

我想在页面之间进行淡入淡出转换，但我不知道该怎么做。 我是JS的新手，所以我需要帮助

pdf呈现到画布中

这是我的密码：

函数queueRenderPage（num）{
如果（页面渲染）{
pageNumPending=num；
}否则{
渲染页面（num）；
}
}
/**
*显示上一页。
*/
函数onPrevPage（）{
如果（pageNum=pdfDoc.numPages）{
返回；
}
pageNum++；
queueRenderPage（pageNum）；
}
document.getElementById（'next'）。addEventListener（'click'，onNext'）
由我自己解决。我不认为这是最好的解决方案，但仍然

$('#next').click(function(){
  $("#the-canvas").fadeOut(0);
  $("#the-canvas").fadeIn(500);

  onNextPage();
})

然后对我自己解决的
id=“prev”
执行相同的操作。我不认为这是最好的解决方案，但仍然

$('#next').click(function(){
  $("#the-canvas").fadeOut(0);
  $("#the-canvas").fadeIn(500);

  onNextPage();
})

然后对
id=“prev”
执行相同的操作