[发明专利]一种实现二维文字转换三维文字的展示方法

权利要求书

1.一种实现二维文字转换三维文字的展示方法，其特征在于，具体包括以下步骤：

1)在Web端增加3D文字的添加入口以及3D文字的配置项；

2)用户输入文字，设置字体，Web端启动Web worker；

3)开始获取字体，根据字体片段路径，加载二进制流并经过转换；

4)获取用户配置的数据以及SVG路径，Web worker开始字体模型的创建，根据SVG开始绘制路径模型，渲染出路径模型之后，开始计算字间距、行距，根据以上内容，再进行三维坐标建立、模型顶点着色器以及片段着色器的创建，即得出一个完整的三维字体模型；

5)获得的3D字体模型，通过传输，将模型传回主线程，主线程获取到模型之后，开始初始化渲染3D文字的相关工具；

6)Web GL渲染引擎，创建三维图形绘制场景，定义好环境光源，初始化相机，调整相机视口，创建好场景；

7)在创建好的场景中添加字体模型和灯光，Web GL渲染引擎，根据所得场景以及相机，渲染出3D文字；

8)加载纹理贴图，即通过URL加载出图片，再根据图片创建出纹理贴图，根据片段着色器，将纹理贴图映射到对应的字体模型上，通过触发Web GL引擎刷新，此时得到了一个完整的3D文字；

9)调整画布的大小，即根据3D文字的字号，计算出对应字号所需的二维平面尺寸，设置好画布大小，用户可以开始操作3D文字，进行3D旋转，当旋转到合适的角度时，用户可以保存3D文字，将数据存储到服务器上，并且将3D文字保存成一张图片。

2.根据权利要求1所述的一种实现二维文字转换三维文字的展示方法，其特征在于，所述3D文字的配置项包括文字字体设置、字号设置、文字间距调整、文字行距调整、文字3D旋转、3D文字纹理贴图。

3.根据权利要求2所述的一种实现二维文字转换三维文字的展示方法，其特征在于，其Web worker负责在Web端启动一个新的子线程，用于复杂的计算，负责计算文字顶点着色器，创建三维文字路径模型。

4.根据权利要求3所述的一种实现二维文字转换三维文字的展示方法，其特征在于，所述二进制流包括字体片段二进制流和字体二进制流，其二进制流则是经过opentype.js转换成SVG路径，将SVG路径存储到数据中，结合文字间距、行距、字号，发送到Web worker。

5.根据权利要求4所述的一种实现二维文字转换三维文字的展示方法，其特征在于，所述相关工具包括Web GL Render、Camera、Scene、Light、Texture；

Web GL Render为渲染引擎；

Camera为相机；

Scene为场景；

Light为灯光；

Texture为纹理贴图。