如何在javascript中向后移动画布？

// 获取2D上下文
const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');

// 平移画布
function moveCanvasBackward(distanceX, distanceY) {
    ctx.translate(-distanceX, -distanceY);
}

// 示例：向后移动画布100像素
moveCanvasBackward(100, 0);

// 获取WebGL上下文
const canvas = document.getElementById('myCanvas');
const gl = canvas.getContext('webgl');

// 平移画布
function moveCanvasBackward(distanceX, distanceY, distanceZ) {
    const matrix = mat4.create(); // 创建一个单位矩阵
    mat4.translate(matrix, matrix, [-distanceX, -distanceY, -distanceZ]); // 平移矩阵
    gl.uniformMatrix4fv(gl.getUniformLocation(shaderProgram, "uModelViewMatrix"), false, matrix); // 应用变换
}

// 示例：向后移动画布100像素
moveCanvasBackward(100, 0, 0);