p5.js | createSpan()函数

createSpan()函数用于使用给定的可选内部 html 在 DOM 中创建一个 span 元素。

句法：

createSpan([html])

参数：此函数接受如上所述和如下所述的单个参数：

• html：它是一个带有 span 元素的 innerHTML 的字符串。它是一个可选参数。

返回值：它返回一个指向带有创建节点的 p5.Element 的指针。

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

例子：

function setup() {
  createCanvas(600, 300);
   
  textSize(18);
  text("Click on the button to create" +
       " elements at random positions.", 20, 20)
  genBtn = createButton("Create span element").position(30, 40);
  genBtn.mousePressed(spawnSpan);
}
   
function spawnSpan() {
  newSpan = createSpan("This is a span element"+
                       " with custom innerHTML.");
  newSpan.position(random(50, 500), random(50, 300));
}

输出：

在线编辑器： https://editor.p5js.org/

环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

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