Question

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

我正在使用jQuery 1.8.3和kinetic 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'); ?>';

因此，举个例子，如何在一个间隔或点击事件中将针旋转到我想要的任何角度？

Answer 1

要旋转图像，请使用imageObject.setRotation(45)的功能，其中＆＃39; 45＆＃39;是度数。

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

使用Kineticjs将图像旋转到角度

1 个答案: