Javascript 更改剪辑图像？

我在画一幅这样的蒙面画。我想在不更改任何其他内容的情况下更新drawImage中的x/y坐标。我怎样才能做到这一点呢？

我不确定您想做什么，因为在我看来，您可以在不影响其余表达式的情况下更改传递的X，Y参数

但是，假设这里有一些未经测试的代码，所以假设伪代码来理解我正在共享的可能性

createImage = (x=0, y=0) => {
    imgC.save()

    imgC.beginPath()
    imgC.moveTo(side/2, center)
    imgC.lineTo(side, 0)
    imgC.lineTo(0, 0)
    imgC.closePath();

    imgC.clip()

    imgC.drawImage(image, x, y)
    imgC.restore()
}

然后，您可以使用以下命令：

createImage = (img, x=0, y=0) => {
    img.save()

    img.beginPath()
    img.moveTo(side/2, center)
    img.lineTo(side, 0)
    img.lineTo(0, 0)
    img.closePath();

    img.clip()

    img.drawImage(image, x, y)
    img.restore()
    return img
}

3秒钟后，更新X，Y

var myImage = createImage(imgC, 100, 50)

---

希望有帮助

我不明白

x

和

y

仅在

drawImage

中使用。更改这些变量有什么问题？我想将图像位置映射到其他事件（如移动光标或倾斜手机等）@Himmators是正确的，修改X，Y参数不会影响其余表达式。

setTimeout(() => {
    myImage.x = 150
    myImage.y = 300
}, 3000)