我希望只使用 CSS 和 jQuery 来绘制命运之轮。我不想使用任何图像。
另外,我希望圆圈中至少有8 个段,并在每个段中正确地垂直对齐每个文本单词。这是一张照片来说明:
一旦我有了这个工作,我就可以使用CSS3 rotate
财产。
知道我该怎么做吗?
我希望只使用 CSS 和 jQuery 来绘制命运之轮。我不想使用任何图像。
另外,我希望圆圈中至少有8 个段,并在每个段中正确地垂直对齐每个文本单词。这是一张照片来说明:
一旦我有了这个工作,我就可以使用CSS3 rotate
财产。
知道我该怎么做吗?
这是使用 Canvas的纺车的另一个示例
检查此链接-> http://joelb.me/blog/2011/css-mask-tutorial-rotating-image-gallery/
它包含一个您需要的介绍性教程。也检查JS 2d Transformation
github 上的库代码。
我使用 Raphael 创建了一个轮盘赌:http: //www.guesttime.com/members/ledlogic/roulette/index.html
它像您一样旋转文本,但您必须处理每个字母的居中。