如何复制webgl画布？(我想要最小地图)

// 获取原始WebGL画布
const originalCanvas = document.getElementById('webgl-canvas');
const gl = originalCanvas.getContext('webgl');

// 获取原始画布的像素数据
const pixels = new Uint8Array(originalCanvas.width * originalCanvas.height * 4);
gl.readPixels(0, 0, originalCanvas.width, originalCanvas.height, gl.RGBA, gl.UNSIGNED_BYTE, pixels);

// 创建新的画布并设置尺寸
const newCanvas = document.createElement('canvas');
newCanvas.width = originalCanvas.width;
newCanvas.height = originalCanvas.height;

// 获取新画布的上下文
const ctx = newCanvas.getContext('2d');

// 将原始画布的像素数据复制到新画布
const imageData = new ImageData(pixels, originalCanvas.width, originalCanvas.height);
ctx.putImageData(imageData, 0, 0);

// 将新画布添加到页面中
document.body.appendChild(newCanvas);