如何导出使用本地图像作为背景的HTML创建的画布？

<style>
    canvas {
        background-image: url("path/to/image.jpg");
        background-size: cover;
    }
</style>

// 获取画布元素
var canvas = document.querySelector('canvas');

// 创建一个新的图像元素
var image = new Image();

// 将画布内容转换为图像数据
image.src = canvas.toDataURL();

// 创建一个下载链接
var link = document.createElement('a');
link.href = image.src;
link.download = 'canvas_image.png';

// 触发下载
link.click();