p5.js | getURLParams()函数介绍

简介

在p5.js中，我们经常需要从URL参数中获取额外的信息以执行特定的功能。getURLParams()函数可以帮助程序员完成这项任务。

语法

getURLParams([url])

参数

• url：可选参数，表示自定义URL地址。如果未指定，将默认使用当前网址。

返回值

• 一个对象，包含URL参数名和值的键值对。

使用示例

假设我们的URL地址是https://example.com/?name=john&age=20，我们可以使用getURLParams()函数来获取这些参数的值。

let urlParams;

function setup() {
  createCanvas(400, 400);

  // 获取URL参数
  urlParams = getURLParams();

  // 打印URL参数
  console.log(urlParams.name); // "john"
  console.log(urlParams.age); // "20"
}

另外，我们还可以通过自定义URL地址来获取参数。例如，如果我们要获取https://example.com/user?name=john&age=20中的参数，可以这样做：

let urlParams;

function setup() {
  createCanvas(400, 400);

  // 获取URL参数
  urlParams = getURLParams("https://example.com/user?name=john&age=20");

  // 打印URL参数
  console.log(urlParams.name); // "john"
  console.log(urlParams.age); // "20"
}

注意事项

• 如果URL中没有参数，则getURLParams()函数将返回一个空对象。

小结

使用getURLParams()函数，我们可以轻松地获取URL地址中的参数值，以执行我们所需的操作。这对于动态地配置p5.js应用程序非常有用，例如：基于URL参数调整宽高、颜色、形状等等。