通过html css和javascript倾斜设计？

Question

如何使用html，css和javascript实现http://jdstiles.com/java/angledtext2.html这种角度（倾斜）。在设计中，我们有表格结构体，通过点击一个标签页，下面的区域应该刷新而不用重新加载页面（有些像jquery或ajax）。

Answer 1

它看起来像他们这样做的方式是通过使用三角函数来将文本绘制为线。它是基于矢量的，因此它们创建一个上升/运行，将单词分解为字符，然后遍历该函数，为每个字符添加一个跨度，并将其定位为实物。

目前尚不完全清楚你想如何使用它，但你需要做的是在一定程度上将你的窗体分解成最小的元素，然后对每个元素应用样式，使用三角函数的基础计算循环中每个元素的位置。

虽然不知道你到底想做什么，但是向你展示它在代码中的样子是没有意义的。您链接到的网站可能是该流程的最佳示例，即使不完全符合您的要求。

Answer 2

你有很多的选择：

• 使用this jquery plugin。
• 使用您链接的人。
• 将文本呈现在画布中 - 有很多关于如何在网页上浮动的示例。你需要一个非帆布解决方案，如excanvas.js
• 使用一个较新的浏览器特定的属性手动

使用插件可以让你去，最快的速度，而且将围绕旋转的字母。