无法从Javascript中的虚拟签名HTML5画布捕获图像

Question

我将其用作虚拟签名板：http://thomasjbradley.ca/lab/signature-pad/。它可以从键入的名称自动生成签名，也可以让用户使用鼠标进行签名。我需要捕获图像并将其发送到Java服务器。它使用HTML5画布。

它对绘制的图像正常工作，但尝试捕获自动生成的图像会产生没有文本的空白图像。

我正在网站的API部分中使用此代码：

var api = $('.sigPad').signaturePad();                  
autoGeneratedData = api.getSignatureImage();

然后将autoGeneratedData发送到服务器。

我还试图直接捕捉画布：

var canvas = document.getElementById('sigCanvas');                  
var imageData = canvas.toDataURL('image/png');

但遇到了同样的问题。