javascript - 如何为动态图像设置坐标、ID 和偏移量

Question

我的 drawImage 函数中有动态图像:

var kImage = new Kinetic.Image({
          id: 'myImage',
          x: 200,
          y: 50,
          image: imageObj,
          width: 106,
          height: 118
        });

现在，我需要将 kImage 作为全局变量，并在 drawImage 函数中设置 x、y、id...。

我做到了:

function drawImage() {
    kImage.setX= ...
    kImage.setId=... 
}

但是我最后得到的kImage好像是“空”的。例如 kImage.getX() 返回 0，其他字段也是一样。

你能告诉我这里有什么问题吗？

谢谢!

Answer 1

设置坐标

kImage.setX(x) 和kImage.setY(y)

或

kImage.setPosition(x, y)

集合 ID

kImage.setId(id)

设置偏移量

kImage.setOffsetX(x) 和kImage.setOffsetY(y)

或

kImage.setOffset(x, y)

来源

Kinetic.Shape#setX

Kinetic.Shape#setY

Kinetic.Shape#setPosition

Kinetic.Shape#setId

Kinetic.Shape#setOffsetX

Kinetic.Shape#setOffsetY

Kinetic.Shape#setOffset