你好,
如果我使用 toDataURL() 函数将签名保存到数据库,然后使用 fromDataURL() 函数将该字符串加载回画布,则生成的图像会出现在画布中,但明显小于原始图像。
要进行测试,请沿所有 4 个边缘在画布中绘制。 保存然后重新加载。 您将看到图像的右侧和底部现在在图像和边框之间有空间,因为图像稍微变小了。
由于我有充分的理由一遍又一遍地重新保存图像,每次保存它们都会不断缩小!!!
帮助!
嗯,这只发生在 Retina Display 上,我只是复制了它。 你必须以某种方式自己处理它,创建者已经多次表示图书馆不应该处理这个问题。
似乎这解决了问题:
http://jsfiddle.net/4JH75/19/
我遇到与设备像素比 1 相同的问题。有什么帮助吗?
要制作相同的图像大小,您可以添加选项signaturePad.fromDataURL(data, {width: 100, height: 100})
宽度,高度应与画布大小相同
更多细节:
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts
感谢您的上一个回答,我们现在可以解决 fromDataURL 缩放问题,应该关闭此问题。
非常感谢“demo-igor”的回复
最有用的评论
要制作相同的图像大小,您可以添加选项
signaturePad.fromDataURL(data, {width: 100, height: 100})
宽度,高度应与画布大小相同
更多细节:
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts