P5.js开发之——通过createP向页面中添加p5.Element元素

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 概述

  • createP语法介绍
  • createP示例

二 createP语法介绍

2.1 语法

1
createP([html])

2.2 说明

  • 创建一个段落(Paragraph)
  • 可以级联使用p5.Element的语法

2.3 参数及返回值

参数 返回值
创建段落(Paragraph)时默认的字符串 p5.Element

三 示例

3.1 实例一

代码(分开使用)

1
2
3
4
5
6
7
function setup() {

  let p = createP('this is some text');
  p.style('font-size', '16px');
  p.position(10, 0);

}

效果图

3.2 示例二(级联使用)

代码

1
2
3
4
5
6
7
8
function setup() {

  let p = createP('this is some text')
  .style('font-size', '16px')
  .position(10, 0)
  .html("createP补充",true);

}

效果图

四 参考

  • P5官方文档—createP