P5.js开发之——通过createImg向页面中添加图像
一 概述
- createImg语法介绍
- 示例—添加本地图形和网络图像
二 createImg语法介绍
2.1 语法
createImg(src, alt, crossOrigin, [successCallback])
2.2 说明
- 添加图像(本地图像和网络图像)
- 可以级联使用p5.Element的语法
2.3 参数及返回值
| 参数 | 说明 |
|---|---|
| src | 图片路径 |
| alt | 指定图像不能正常显示后显示的替换文本 |
| crossOrigin | 跨域访问图像 |
| successCallback | 图片成功加载回调 |
三 示例
3.1 本地图像
代码
function setup() {let img = createImg('assets/fruit.png','水果');img.position(0, -10);
}
说明：图片位于跟index.html同一目录下
效果图
3.2 网络图像
代码
function setup() {let img = createImg('https://p5js.org/assets/img/asterisk-01.png','官方图片地址').position(100, 100);}
效果图
四 参考
- P5.js官方文档
P5.js开发之——通过createImg向页面中添加图像相关推荐
- P5.js开发之——通过createVideo向页面中添加视频
一 概述 createVideo添加一个视频 示例-本地视频添加及播放示例 二 createVideo添加一个视频 2.1 语法 createVideo(src, [callback]) 2.2 说明 ...
- P5.js开发之——环境
一 概述 P5.js开发环境主要包含下面的内容: 描述信息 属性及常量 操作及功能 二 描述信息 2.1 元素列表 No 属性 说明 1 describe 描述执行的方法或内容 2 describeE ...
- html5页面中添加腾讯地图api
html5页面中添加腾讯地图api: 点击地图出现详细的地图: 这是一个基于微信端的地图处理方案. 先看看html架构: <a id="aToMap" href=" ...
- 如何在页面中添加地图
如何在页面中添加地图 百度地图开放平台 在本节案例中,我会向大家展示如何在页面中添加地图. 前置准备 首先这里我选择百度地图API,首先你需要申请成为百度开发者点这里,接着你需要填写一些项目内容,最后 ...
- html右键禁用和web页面中添加加入qq群的方式
需求: html禁用右键,防止定位csspath和xpath,同时需要在web页面中加入添加加入qq群的图标 实现: html禁用右键:利用oncontextmenu <!doctype htm ...
- OAF在打开的新页面中添加按钮，功能是关闭当前页面
OAF在打开的新页面中添加按钮,功能是关闭当前页面 javascript:close()
- react js 添加样式_如何在React JS Application中添加图像？
react js 添加样式 Hello! In this article, we will learn how to add images in React JS? I remember when I ...
- html一个页面多个动画,如何在单个html页面中添加两个相同的adobe边缘动画？
我正在使用jQuery手机,其中不同的网页内容将在一个HTML页面.如何在单个html页面中添加两个相同的adobe边缘动画? 在页面变化(滑动页面)上,其他页面具有相同的边缘动画,因为所有的html ...
- jsf用于页面判断的标签_JSF –在JSF视图页面中添加标签，图像，按钮和文本字段
jsf用于页面判断的标签 There are various UI components that JSF framework includes by default. Let us see some ...
最新文章
- ddr42400和2660混插_DDR4 2400和3000区别大吗 低频和高频内存性能差距对比
- Hello World on Impala
- Tornado多进程启动的2种方法
- 一日一技：在Ocelot网关中统一配置Swagger
- 用python进行多页数据爬取_Python Scrapy如何实现多页数据爬取？
- 1260 不一样的A+B
- WebGIS中解决使用Lucene进行兴趣点搜索排序的两种思路
- 【愣锤笔记】基于vue的进阶散点干货
- java取消科学计数法_Jmeter、Java当double显示的数字过长时取消科学计数法显示
- 【Ansys Workbench】—响应面优化操作步骤
- 如何使用smobiler的listview控件实现个人信息修改
- 电脑系统重装篇3：Windows 7 系统安装步骤（UltraISO）
- 指数型组织到底是什么
- Linux 内核引导选项简介
- 私家车对PM2.5的贡献到底有多少？
- 微信公众号开发（十）模板消息
- unreal无损音乐百度云_Roxette女主唱Marie Fredriksson - Den Standiga Resan 个人瑞典语专辑 [APE]...
- Android高仿微信图片多选功能
- WMS系统运用波次拣货原理
- scrapy日志信息等级