Signature_pad: 图像以黑色透明背景保存

创建于 2016-05-03 · 4评论 · 资料来源: szimek/signature_pad

我将签名板的属性设置如下：

  signaturePad = new SignaturePad(canvasPad);
  signaturePad.minWidth = 1;
  signaturePad.maxWidth = 1.5;
  signaturePad.dotSize = 3;
  signaturePad.backgroundColor = "rgb(255, 255, 255)";
  signaturePad.penColor = "rgb(66, 133, 244)";

我将背景颜色设置为白色，但是当我保存然后重新加载它时，它显示为黑色背景，我尝试将其保存为 PNG 和 JPEG，但第一个背景是透明的，另一个我得到一个黑色背景。我执行错了吗？如果您需要更多代码，我会很乐意遵守。

资料来源

auam88

最有用的评论

在我自己做了一些测试之后，我开始检查使用背景颜色的示例，幸运的是，作者提供的在图像上绘图演示向我展示了另一种实例化 SignaturePad 的方法：

var signaturePad = new SignaturePad(document.getElementById('signature-pad'), {
  backgroundColor: 'rgba(255, 255, 255, 0)',
  penColor: 'rgb(0, 0, 0)'
});

当背景颜色设置为这样时，它会持续存在于我绘制的所有 JPEG 图像上。如果有人遇到这种问题，我建议像这样传递参数，而不是在之后设置它们。

auam88 于 2016-05-05

👍4

所有4条评论

在我自己做了一些测试之后，我开始检查使用背景颜色的示例，幸运的是，作者提供的在图像上绘图演示向我展示了另一种实例化 SignaturePad 的方法：

var signaturePad = new SignaturePad(document.getElementById('signature-pad'), {
  backgroundColor: 'rgba(255, 255, 255, 0)',
  penColor: 'rgb(0, 0, 0)'
});

当背景颜色设置为这样时，它会持续存在于我绘制的所有 JPEG 图像上。如果有人遇到这种问题，我建议像这样传递参数，而不是在之后设置它们。

auam88 于 2016-05-05

👍4

真正的错误是： backgroundColor: 'rgb(255,255,255)' 或 backgroundColor: 'rgba(255,255,255,0)'
将不起作用并生成黑色背景。
而是使用： backgroundColor: '#ffffff' 将起作用。

badpenguin 于 2019-09-19

🚀1 🎉1 👍1

@badpenguin对我也不起作用

M1sterPl0w 于 2020-05-12

我发现更改颜色后清除画布有效

fishondor 于 2020-06-21

👍1

此页面是否有帮助？

0 / 5 - 0 等级

Signature_pad: 图像以黑色透明背景保存

最有用的评论

所有4条评论

相关问题