在KineticJS Wheel上旋转文本

时间:2014-07-14 11:39:34

标签: javascript kineticjs

我正在研究HTML5 Canvas Wheel,并查看了以下链接:http://www.html5canvastutorials.com/labs/html5-canvas-wheel-of-fortune/

我已经改变了轮子的尺寸,使得一半是完全可见的,而不是一个可见的小部分 我正在考虑将文本旋转到上,这样当项目位于方向盘的侧面时,文本水平笔直而不是垂直方向。

到目前为止,我尝试过的一切都是在失败后失败了。我在Stack Overflow上遇到了一个JSFiddle(http://jsfiddle.net/m1erickson/mqsY3/),它有一个解决方案(类似于rotationDeg:textAngle),但是它使用了不同版本的KineticJS,所以不起作用。当我改变那个版本的KineticJS时,我的车轮上的其他一切都会中断。

任何人都可以帮助使用KineticJS 5.0.1旋转文本吗?

1 个答案:

答案 0 :(得分:0)

更新版本的KineticJS使用对象来定义属性,因此您需要使用对象而不是数组来声明offset

var offset = { x: wedgeRadius - 10, y: 7 };

这是一个更新的演示:http://jsfiddle.net/m1erickson/8Px6C/

祝你的项目好运!