Processing中PShape无法应用strokeWeight的问题排查

核心问题与修复步骤 #

1. 复合SVG需遍历子形状设置样式 #

如果你的SVG包含多个子元素（比如<g>组标签），直接给父PShape设置样式不会自动传递给子元素。必须遍历所有子形状单独配置：

PShape img = loadShape("thisimage.svg");
img.disableStyle();

// 遍历子元素设置样式
for (int i = 0; i < img.getChildCount(); i++) {
  PShape child = img.getChild(i);
  child.setStrokeWeight(14);
  child.setStroke(color(#ffa500));
  child.setFill(color(#ffffff));
}

2. 显式启用描边绘制 #

部分SVG原始定义中默认关闭了描边，调用disableStyle()后需要手动开启描边：

// 给父形状添加
img.enableStroke(); 
// 子形状则使用 child.enableStroke();

3. 排查SVG本身的路径问题 #

• 临时将填充色设为透明（color(0,0,0,0)），测试描边是否被填充遮挡。
• 检查SVG的viewBox属性，若画布缩放比例异常，会导致描边过细或超出可视区域。可以用shape(img, 0, 0, width, height)按画布尺寸缩放，确保描边可见。

完整测试代码 #

PShape img;

void setup() {
  size(800, 600);
  img = loadShape("thisimage.svg");
  img.disableStyle();
  
  // 遍历子形状配置样式
  for (int i = 0; i < img.getChildCount(); i++) {
    PShape child = img.getChild(i);
    child.enableStroke();
    child.setStrokeWeight(14);
    child.setStroke(color(#ffa500));
    child.setFill(color(#ffffff));
  }
}

void draw() {
  background(200);
  shape(img, 0, 0, width, height);
}

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