在KineticJS Wheel上旋转文本

Rotate text on KineticJS Wheel

本文关键字：旋转 文本 Wheel KineticJS      更新时间：2023-09-26

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

我已经改变了车轮的尺寸，使一半是完全可见的，而不是一个小部分可见。
我正在尝试旋转文本本身，这样当一个项目是在车轮的一边文本是垂直水平而不是垂直。

到目前为止，我所做的一切都失败了一次又一次。我遇到过一个JSFiddle (http://jsfiddle.net/m1erickson/mqsY3/)在Stack Overflow上有一个解决方案(像rotationDeg:textAngle)，但是它使用不同版本的KineticJS，所以不起作用。当我切换到那个版本的KineticJS时，轮子上的其他东西都坏了。

谁能帮助旋转使用KineticJS 5.0.1的文本?

最新版本的KineticJS使用对象来定义属性，所以你需要使用对象而不是数组来声明offset:

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

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

祝你项目顺利!

相关文章：