参考 loadImage()

loadImage()

加载图像来创建一个 p5.Image 对象。

loadImage() 的第一个参数有三种方式来解释。 "如果传入一个图片路径,loadImage() 将加载它。本地文件应该使用相对路径,例如'/assets/thundercat.jpg'。网址例如 'https":"//example.com/thundercat.jpg' 可能因浏览器安全原因被屏蔽。原始图像数据也可以通过 'data:image/png;base64,arandomsequenceofcharacters' 作为 base64 编码图像传递。

"

第二个参数是可选的。如果传入一个函数,图像加载后,它会被调用。回调函数可以选择使用 新的 p5.Image 对象。

第三个参数也是可选的。如果传入一个函数,图像加载失败时它会被调用。这个回调函数可以选择使用错误事件。

加载图像可能需要一些时间。在 preload() 中调用 loadImage(), 可以确保图像在 setup()draw() 使用之前先加载。

示例

语法

loadImage(path, [successCallback], [failureCallback])

参数

path
字符串:

要加载的图片或base64编码图片的路径。

successCallback
函数(p5.Image):

一旦图像加载,用 p5.Image 调用函数。

failureCallback
函数(事件):

如果图像加载失败,通过事件错误调用函数。

Returns

p5.Image: p5.Image 对象。
Notice any errors or typos? Please let us know. Please feel free to edit src/image/loading_displaying.js and open a pull request!

相关参考