如何在Processing中对Illustrator导出的复杂SVG进行挤出操作？

我来帮你梳理下这个PShape挤出的实现逻辑，结合你提到的思路，再补充一些关键细节和避坑点：

核心实现步骤（对应你的思路） #

• 创建基础图形：加载从Adobe Illustrator导出的SVG文件，得到2D基础PShape，注意如果SVG包含多层子图形，要确保选中的是你需要挤出的目标子图形
• 创建带Z偏移的副本：复制基础图形后，通过Z轴平移给副本设置挤出深度，比如extrudedShape.translate(0, 0, 50);（50为你想要的挤出厚度）
• 构建QUAD_STRIP连接顶点：遍历两个图形的对应顶点，依次将基础图形的顶点与偏移副本的对应顶点配对，生成四边形条带，完成侧面的构建

关键优化与避坑提示 #

1. 确保顶点顺序完全一致 #

从AI导出的SVG可能存在顶点排序混乱的情况，这会直接导致QUAD_STRIP连接时出现面翻转、错乱的问题。你可以先打印顶点坐标做校验：

for (int i = 0; i < baseShape.getVertexCount(); i++) {
  PVector vBase = baseShape.getVertex(i);
  PVector vExtruded = extrudedShape.getVertex(i);
  println("顶点"+i+": 基础图形("+vBase.x+","+vBase.y+") | 偏移图形("+vExtruded.x+","+vExtruded.y+","+vExtruded.z+")");
}

如果发现顺序不一致，可以手动调整SVG的顶点顺序，或者在代码里重新排序顶点。

2. 闭合图形的收尾处理 #

如果你的SVG是闭合图形，遍历完所有顶点后，需要额外把最后一个顶点与第一个顶点再连接一次，确保QUAD_STRIP形成完整的闭合侧面，避免出现缺口。

3. 处理PShape的层级结构 #

部分SVG导出后会包含多个子Shape容器，你需要通过baseShape.getChildCount()确认层级，选择正确的子图形进行复制和操作，不要直接对整个PShape容器做偏移。

效果展示区 #

期望实现效果：期望效果示意图
当前代码运行效果：当前效果示意图

SVG源文件（用于测试） #

<!-- 粘贴你的SVG源代码到这里 -->

内容的提问来源于stack exchange，提问作者Dominic Cabral