wkhtmltoimage不会渲染所有元素

Question

我正在NodeJS中使用wkhtmltoimage生成png图像，wkhtmltoimage将所有HTML转换为除未渲染的画布之外的图像，它返回没有该图像的图像。

NodeJs部分：

wkhtmltoimage.generate(url , {  output:  imagename  ,width:300  }) .pipe(res);

url是需要转换为图片的url imagename呈现的iamge名称。

HTML数据：

CHESS TEST
<div class="Question">
  <div id="board" class="chess" style="width: 200px" data-code='{"position": "r1bqkbnr/pppp1ppp/2n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R"}'>
  </div>
</div>
<div class="Question">
  <div>
    clock
    <canvas id="clock" class="clock" style="width:250px">{"Hours":9,"Minutes":15,"Seconds":15}
    </canvas>
  </div>
</div>

我正在使用belwo脚本渲染时钟和棋盘，

   

您可以看到html输出，它正确显示了chee和clock，乳清我将wkhtmltoimage应用于它无需时钟即可重新运行图像。 你能帮我吗

HTML输出：

wkhtmltoimage输出：
如您所见，没有时钟