【问题标题】:how to set coordinates, id and offset for a Kinetic Image如何为动态图像设置坐标、id 和偏移量
【发布时间】:2013-07-18 21:44:06
【问题描述】:

我的 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,其他字段也一样。

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

谢谢!

【问题讨论】:

  • 我建议你为你的问题做一个小提琴,它会更容易看到代码而不是猜测定义了哪个变量以及它们的范围是什么。

标签: javascript canvas kineticjs


【解决方案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

【讨论】:

  • 我已经做到了。但是当我在另一个函数中执行 kImage.getId() 时,我得到 0
  • 这是范围界定问题吗?您的其他功能是否可以访问 kImage?您可能必须首先移动您声明 var kImage 的位置。
  • kImage 是一个全局变量
  • 范围问题可能是关于您如何声明和使用var id 而不是var kImage
  • 您不会通过运行kImage.setX=kImage.setId= 来调用该函数。您可以通过运行 kImage.setX(x)kImage.setId(id) 来调用该函数
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-11-15
  • 1970-01-01
  • 1970-01-01
  • 2011-12-21
相关资源
最近更新 更多