将 SVG 路径文本挤出到 3D 网格

Extrude SVG Path Text to 3D Mesh

使用示例中可用的代码:webgl_geometry_extrude_shapes2.html,我正在尝试将 svg 文本(使用路径创建)拉伸为 three.js 形状。

这是我的“.svg”的样子:

这是我在示例中使用 function transformSVGPath() 时得到的结果:

作为一个好孩子,我已经研究了很多才来这里问。 我看到了here that the text tool inside three.js (which I am not using) expects clockwise winding for outer solid and counter clockwise for the holes. My font considers that, even why if it doesn't consider, my svg would look weird and funny because of the svg-fill rule

为什么我要做所有这些而不是使用 TextGeometry?目前 three.js 中的文本工具不支持字体字距调整,这对我来说是一个重要的要求。

我会说 transformSVGPath() 没有达到我的预期。有人帮忙吗?谢谢!

要挤出一个<path d="...">,其中有moveto (M or m)命令并组成孔,请确保外部实线是逆时针方向,内部孔线是顺时针方向。这与 SVG 规范所说的相反,但在使用 function transformSVGPath().

时有效