javascript - 将图像上传到Canvas p5js

我是p5js的初学者，我正在学习如何上传图片。这是我的代码：

PImage img;

function setup() {
  size(1400, 1400)
  img = loadImage("india-map.gif");
}


function draw() {
  background(0)
  image(img, 100, 100);
}

当我运行它时，它说第1行有问题。错误消息显示为：


  语法错误：预期；但找到了img。


我不知道这意味着什么，我应该怎么做。谁能帮我？

编辑：

我将代码更改为

var image1;


function preload(){
 image1= loadImage("india-map.jpg");
}

function setup(){

 creatCanvas(1350,600)
}

function draw(){
image(image1, 100, 100);

}

我的页面只是说...正在加载而不加载任何图像。

最佳答案

说明：

PImage是来自Processing3库的一种类型。

在javascript中，声明变量时，请使用const，let或var。

此外，size方法也来自Processing3。而是使用createCanvas方法并将大小作为参数传递。

遍历documentation并确保要使用的方法存在。

解：

let img;
function setup() {
  createCanvas(100, 50);
  img = loadImage("india-map.gif");
}


function draw() {
  background(0);
  image(img, 100, 100);
}

关于javascript - 将图像上传到Canvas p5js，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54710728/