切り抜き画像を変更する？

Question

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() 
} 

私はこのようなマスク画像を描いています。私はdrawImageのx/y座標を何も変更せずに更新したいと思います。これどうやってするの？

Answer 1

残っている式に影響を与えずに渡されたX、Y引数を変更できると思うので、あなたがしたいことはわかりません。

しかし、いくつかの仮定は未テストのコードなので、私が共有している可能性を理解するために疑似コードを仮定します。

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 
} 

次に、あなたは次のように使用することができます：あなたはXを更新し、3秒後に

var myImage = createImage(imgC, 100, 50) 

、Y

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

役に立てば幸い！