将SVG路径文本导出为3D网格

Question

使用示例中提供的代码：webgl_geometry_extrude_shapes2.html，我正在尝试将svg文本（使用path创建）拉伸为three.js形状。

这就是我的'.svg'的样子：

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

作为一个好孩子，我来之前已经研究过很多问题。 我看到here三个.js中的文本工具（我没有使用）期望顺时针缠绕为外部实体，逆时针顺时针缠绕孔。我的字体认为，即使为什么如果不考虑，我的svg会因为svg-fill rule

而看起来很怪异和有趣

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

我会说transformSVGPath()没有按照我的预期行事。有人帮忙吗？谢谢！

Answer 1

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