Javascript 画布显示但图像不显示'；不渲染

我尝试过制作旋转书的精灵动画，但没有效果。画布工作正常，另一个脚本工作正常，但书本脚本不工作。页面的其余部分工作完全正常，但我省略了额外的代码，因为它们不需要任何更正

有什么问题？先谢谢你

函数myFunction（）{
document.getElementById（“changeBox”）.style.backgroundColor=“黑色”；
document.getElementById（“changeBox”）.style.fontSize=“40px”；
document.getElementById（“changeBox”）.style.textAlign=“center”；
document.getElementById（“showDate”）.innerHTML=Date（）；
}
函数bookAnimation（）{
var手册，
图书图像，
帆布；
var c=document.getElementById（“Book”）；
函数gameLoop（）{
window.requestAnimationFrame（gameLoop）；
book.update（）；
book.render（）；
}
功能精灵（选项）{
var that={}，
frameIndex=0，
滴答数=0，
ticksPerFrame=options.ticksPerFrame | | 0，
numberOfFrames=选项。numberOfFrames | | 1；
that.context=options.context；
that.width=options.width；
that.height=options.height；
that.image=options.image；
that.update=函数（）{
滴答数+=1；
如果（滴答声>滴答声帧）{
滴答数=0；
if（frameIndex

我给你写了一个片段。如果需要，请向其添加任何相关代码-预期的行为是什么？@mplungjan I在图像->bookImage中包含了一个选项，该代码预期将图像放置在画布上，并且图像将旋转