p5.js | getURLParams()函数

getURLParams()函数用于将当前 URL 参数返回一个 JavaScript 对象，每个参数作为对象的一个单独成员。

句法：

getURLParams()

参数：此函数不接受任何参数。

返回值：它返回一个路径参数的对象。

下面的示例说明了 p5.js 中的getURLParams()函数：

例子：

function setup() {
  createCanvas(500, 200);
  
  // get the url path as array
  urlParamsObject = getURLParams();
  
  textSize(16);
  text("The URL is: http://example.com?height=100&width=500&type=box",
    10, 20);
  
  text("The URL parameters are: ", 10, 60);
  
  text("Type parameter: " + urlParamsObject["type"], 10, 80);
  text("Height parameter: " + urlParamsObject.height, 10, 100);
  text("Width parameter: " + urlParamsObject.width, 10, 120);
  
  // display the array in the console
  console.log(urlParamsObject);
}

输出：

• 显示对象的属性：
  
• 在控制台中查看对象：
  

在线编辑器： https://editor.p5js.org/
环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

参考： https://p5js.org/reference/#/p5/getURLParams