javascript 有没有办法用css来改变html画布中的笔画颜色

oxf4rvwz 于 2023-01-19 发布在 Java

关注(0)|答案(1)|浏览(128)

我在我的页面上有一个签名板，用户可以在那里进行电子签名。我使用的是js librairy SignaturePad（https://github.com/szimek/signature_pad）。
我的签名板背景颜色是黑色，所以我将笔划颜色设置为白色。在数据库中保存签名后，您可以选择打印包含签名的报告，但这次背景是白色。
我的问题是，当您尝试打印报告时，由于用户是以白色签名的，所以您看不到签名，因为它是白底白字。
有没有人有一个想法，我可以改变签名的颜色为白色使用css或其他方法，以保持默认颜色（黑色）时，我保存在我的数据库签名？

JavaScript

来源：https://stackoverflow.com/questions/75162329/is-there-a-way-to-change-stroke-color-in-html-canvas-using-css

1条答案

按热度按时间

50pmv0ei1#

保存签名时，penColor将保存在points/url中。
您可以使用getData()获取所有点，然后使用forEach()循环这些点，并相应地更改penColor。

const data = signaturePad.toData();
data.forEach(p => p.penColor = 'black')

backgroundColor可以根据需要在运行时更改

signaturePad.backgroundColor = 'white'

演示：
1.使用backgroundColor: 'black'和penColor: 'white'创建
1.按下按钮
1.将backgroundColor设置为white
1.按照上述说明更改penColor
1.使用fromData重新绘制
一个二个一个一个

赞(0）回复(0）举报 2023-01-19

我来回答

javascript 有没有办法用css来改变html画布中的笔画颜色

1条答案

相关问题

热门标签

最新问答