Javascript 使用Kineticjs将图像旋转到单击时的角度

Javascript 使用Kineticjs将图像旋转到单击时的角度,javascript,canvas,kineticjs,Javascript,Canvas,Kineticjs,我正在用kineticjs创建一个速度表,当用户单击按钮时,我需要能够将指针旋转到指定的角度。我还需要能够设置旋转点,因为它不在中心 我使用的是jQuery 1.8.3和Dynamic 1.5.1 以下是我到目前为止的情况: var stage = new Kinetic.Stage({ container: 'needle', width: 152, height: 152 }); var layer = new Ki

我正在用kineticjs创建一个速度表,当用户单击按钮时,我需要能够将指针旋转到指定的角度。我还需要能够设置旋转点,因为它不在中心

我使用的是jQuery 1.8.3和Dynamic 1.5.1

以下是我到目前为止的情况:

    var stage = new Kinetic.Stage({
        container: 'needle',
        width: 152,
        height: 152
      });
    var layer = new Kinetic.Layer();

    var imageObj = new Image();
    imageObj.onload = function() {
        var needle = new Kinetic.Image({
          x: 63,
          y: 65,
          image: imageObj,
          width: 83,
          height: 22
        });

        // add the shape to the layer
        layer.add(needle);

        // add the layer to the stage
        stage.add(layer);
    };
    imageObj.src = 'http://example.com/assets/img/layout/dials/speedo_needle.png'); ?>';    

因此,在本例中,我将如何在间隔或单击事件中将针旋转到我想要的任何角度?

要旋转图像,请使用带有
imageObject.setRotation(45)
的函数,其中“45”是度数


若要定义旋转点,请为imageObject设置偏移属性,或使用imageObject.setOffsetX(100)和imageObject.setOffsetY(100)或任何其他数字动态更改它。

我尝试了此操作,但得到了一个javascript错误imageObj.setRotation()不是函数。你知道为什么会这样吗?那么,试试setRotationDeg()