Question

我正在研究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旋转文本吗？

Answer 1

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

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

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

祝你的项目好运！

在KineticJS Wheel上旋转文本

1 个答案: