Question

因此，我正在使用processing.js进行一些抽象的排版（例如this），然后找到了某人的代码，希望将其用作自己代码的基础。我尝试将其复制并粘贴到开放的处理程序（用于处理的在线编辑器）中，当我尝试运行它时，它给了我这个错误：drawing.$ensureContext(...).getImageData is not a function

here是代码：

PImage hm;
int xstep = 1;
int max_height = 60;
 
void setup() {
  size(600, 400, P3D);
  background(0);
  fill(255);
  textSize(128);
  textAlign(CENTER);
  text("LIGMA", width/2, height/2);
  filter(BLUR, 8);
  hm = get();
}
 
void draw() {
  background(0);
  strokeWeight(2);
  stroke(255);
  float b, z, px, pz;
  translate(width/2, height/2,-20);
  rotateY(map(mouseX,0,width,-PI,PI));
  rotateX(map(mouseY,0,height,-PI,PI));
 
  translate(-width/2, -height/2);
  for (int y = 5; y < height; y+=10) {
    px = -1;
    pz = 0;
    for (int x = 0; x < width; x+=xstep) {
      b = brightnes(hm.get(x,y));
      z = map(b, 0, 200, 0, max_height);
      //stroke(color(b));
      line(px, y, pz, x, y, z);
      px = x;
      pz = z;
    }
  }
}

在我的代码中找不到这个drawing.$ensureContext(...).getImageData。谁能解释为什么会这样以及如何解决？

Answer 1

问题可能来自此代码行和P3D上下文：

filter(BLUR, 8);

当filter()等待图像时，PImage对象正在处理中，因此找不到。删除它，错误将消失。

看看this文档，上面写着：

说明：按照以下模式之一定义的图像进行过滤：

filter()使用aImg.loadPixels()，其中aImg是图像，这是loadPixels源代码中的函数ProcessingJS：

p.loadPixels = function() {
  p.imageData = drawing.$ensureContext().getImageData(0, 0, p.width, p.height);
};

这不是在提醒您什么吗？：）

为什么Processing.js给我有关代码中未包含的函数的错误？

1 个答案: