Question

我是编码的新手，我有一个问题。我在处理过程中制作了这个简单的代码，我想知道我是否可以使用它以及如何对div中的图像执行相同操作。 这是代码：

<i>int  x, y;
PImage img;
void setup () {
  size(800, 739);

  img = loadImage("1.jpg");
}

void draw () {
  for (int i=0; i < mouseX/10; i ++) {
    int x = (int) random(width);  
    int y = (int) random(height);

    color cor = img.get(x, y);

    float t = random(5, 25);
    fill(cor, 30);
    noStroke ();
    ellipse(x, y, t, t);

  }
}
</i>

Answer 1

如果您知道图片的位置（src标记的<img>属性），那么您需要做的就是更改此行：

img = loadImage("1.jpg");

对于这样的事情：

img = loadImage("http://example.com/YourImageFile.jpg");

如果您不知道图像的位置，那么有很多方法可以使用JavaScript获取图像的位置。您编写的任何JavaScript都可以调用您编写的任何处理代码，因此您可能在处理代码中有类似的内容：

void setImageLocation(String location){
  img = loadImage(location);
}

然后你需要做的就是编写JavaScript来获取图像的位置并调用该函数。

查看Processing.js教程的Accessing Processing from JavaScript部分以获取更多信息。

我想使用像我在处理过程中那样的代码

1 个答案: