Javascript：将 <canvas /> 中的图像保存为 png 文件并保留画布不透明度

问：

我使用以下代码将画布内容作为 png 图像文件保存到服务器存储中：

canvasEl.toBlob(blob => {
    const file = new File([blob], fileName);
    onImageUpload(file, fileName);
});

它工作正常。canvas 还使用 CSS { opacity： value } 设置了不透明度设置。我需要的是通过CSS属性不透明度以与canvas相同的不透明度保存PNG文件。如何在网络浏览器端执行此操作？