javascript - 无法从 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');

但遇到了同样的问题。