我想使用我在处理中制作的代码答案

【问题标题】：I want to use a code like the one I made in processing我想使用我在处理中制作的代码
【发布时间】：2016-01-13 18:56:15
【问题描述】：

我是编码新手，我有一个问题。我在处理过程中制作了这个简单的代码，我想知道是否可以使用它以及如何对 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>

【问题讨论】：

在 HTML 中你需要使用 <canvas> 元素，而不是 <div>
<i> 和 </i> 在 JavaScript 中无效。
关注processing.js tutorials/examples。显然你尝试的方式（通过将processing 代码直接扔到HTML）是行不通的。

标签： html css processing processing.js

【解决方案1】：

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

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 部分了解更多信息。

【讨论】：