Javascript 下载二维码画布作为带背景的图像

Javascript 下载二维码画布作为带背景的图像,javascript,html,css,canvas,Javascript,Html,Css,Canvas,我在尝试下载二维码画布作为背景图像时遇到了麻烦。 下载工作正常,但由于边框不完整,我的设备无法扫描代码。我需要使后面的白色背景更大 当前图像: 期望图像: 我当前的代码: <a id="download-qr"> <div id="qrCode"></div> 请帮帮我。非常感谢。您可以尝试向ctx对象添加白色边框 ctx.lineWidth = 5; ctx.strokeStyle = "white&q

我在尝试下载二维码画布作为背景图像时遇到了麻烦。 下载工作正常,但由于边框不完整,我的设备无法扫描代码。我需要使后面的白色背景更大

当前图像:

期望图像:

我当前的代码:

<a id="download-qr">
<div id="qrCode"></div>

请帮帮我。非常感谢。

您可以尝试向ctx对象添加白色边框

ctx.lineWidth = 5;
ctx.strokeStyle = "white";
ctx.stroke();

我试过了,但没用。没有任何变化:(除非你调整画布的大小,否则这不会起作用。从我所能看出,画布实际上是QR码的大小添加你的
测试(30).jpg
到一些文件交换服务器。在我看来,该文件还可以,但您的图像预览应用程序一直在添加黑色背景。您使用的是什么api/库,您需要在帖子中指定
ctx.lineWidth = 5;
ctx.strokeStyle = "white";
ctx.stroke();