Question

以下是一些在Java和Android模式下运行良好但在JavaScript模式下无效的代码。它使用PImage.get提取包含原始图像子区域的新PImage。我可以在Java和Android模式下绘制原始图像和任何子图像，但在JavaScript模式下绘制子图像失败。这是一个非常基本的问题演示。替换您自己的图像文件或从http://readyposition.com/subImageTest.zip下载草图的拉链。

// Declare 2 images
PImage fullImage, subImage;

void setup() {
  size(640, 480);

  // Load an image from a file
  fullImage = loadImage("smurf_sprite.png");

  // Load the upper left quarter of the original image into a new image
  subImage = fullImage.get(0, 0, fullImage.width / 4, fullImage.height / 4);
}

void draw() {
  background(0);
  imageMode(CENTER);

  // Draw the full image in the background
  image(fullImage, width / 2, height / 2);

  // Draw the sub image where the mouse is
  image(subImage, mouseX, mouseY);
}

我试着保持简单。如果您知道如何使其适用于JavaScript模式，请告诉我。

谢谢，

〜卡盘

Answer 1

我应该已经意识到ProcessingJS.org在其引用中的内容与Processing.org不同。如果查看http://processingjs.org/reference/loadImage_/，您可以看到需要包含如下指令：

/* @pjs preload="yourimagename.jog, yourimagename2.png";  */

以便预先加载图像。就我而言，我相信在加载像素之前我正在复制图像子区域。

ProcessingJS无法绘制PImage.get生成的图像

1 个答案: