Javascript 使用Kineticjs将图像旋转到单击时的角度
我正在用kineticjs创建一个速度表,当用户单击按钮时,我需要能够将指针旋转到指定的角度。我还需要能够设置旋转点,因为它不在中心 我使用的是jQuery 1.8.3和Dynamic 1.5.1 以下是我到目前为止的情况: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
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()