P5.js开发之——通过createDiv向页面中添加对象

最新推荐文章于 2024-06-23 09:38:04 发布

PGzxc

最新推荐文章于 2024-06-23 09:38:04 发布

阅读量614

点赞数

分类专栏： P5.js 文章标签：前端 P5.js createDiv

本文链接：https://blog.csdn.net/Calvin_zhou/article/details/122473101

版权

P5.js 专栏收录该内容

28 篇文章 10 订阅

订阅专栏

一概述

createDiv语法介绍
createDiv示例

二 createDiv语法介绍

2.1 语法

createDiv([html])

2.2 参数及返回值

参数	返回值
创建div时默认的字符串	p5.Element

三示例

3.1 示例一

代码

function setup() {
  let div = createDiv('createDiv');
  div.style('font-size', '16px');
  div.position(10, 0)
}

效果图

3.2 示例2

代码

function setup() {
  let div2 = createDiv("DIV中内容")
            .style('font-size', '32px')
            .style('color', 'red')
            .style('top', '200px')
            .mousePressed(() => {
                console.log("mousePress");
            })
            .center()
          .html("文章内容", true);
}