image

def setup
  img = loadImage("fruit.png")
  image(img, 0, 0)
end
def setup
  img = loadImage("fruit.png")
  background(50)
  image(img, 10, 10, 50, 50)
end
def setup
  img = loadImage("fruit.png")
  background(50)
  image(img, 0, 0)
  image(img, 50, 0, 40, 20, 50, 50, 50, 50)
end

p5.jsリファレンス(参考情報)

[p5.js] image

概要

キャンバスにイメージを描画します。

書式

image(img, x, y [, width] [, height])
image(img, dx, dy, dWidth, dHeight, sx, sy [, sWidth] [, sHeight])

引数

引数名内容備考オプションデフォルト値
imgp5.Imageオブジェクト
xイメージ描画位置の x座標
yイメージ描画位置の y座標
widthイメージ描画サイズ(幅)サイズに応じてイメージを拡大/縮小イメージの幅
heightイメージ描画サイズ(高さ)イメージの高さ
dxイメージ描画位置の x座標イメージの一部分を切り出して描画
dyイメージ描画位置の y座標
dWidthイメージ描画サイズ(幅)
dHeightイメージ描画サイズ(高さ)
sxイメージ内の描画範囲の基点 x座標イメージの一部分を切り出して指定範囲内に描画
syイメージ内の描画範囲の基点 y座標
sWidthイメージ内の描画範囲の幅sxと同値
sHeightイメージ内の描画範囲の高さsyと同値

戻値

なし

備考

関連

createImage
loadImage
imageMode