saveCanvas

(別名: save_sanvas)

def setup
  @cv = createCanvas(100, 100)
  background(255, 0, 0)
end

def mouseClicked
  saveCanvas(@cv, 'myCanvas', 'png')
end

def setup
  createCanvas(100, 100)
  background(0, 0, 255)
end

def mouseClicked
  saveCanvas('myCanvas', 'jpg')
end

def setup
  @gr = createGraphics(100, 100)
  @gr.background(0, 128, 0)
  image(@gr, 0, 0)
end

def mouseClicked
  saveCanvas(@gr, 'myGraphics', 'jpg')
end

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

[p5.js] saveCanvas

概要

キャンバスを画像ファイルとして保存します。

書式

saveCanvas(selectedCanvas [, filename] [, extension])
saveCanvas([filename] [, extension])

引数

引数名内容備考オプションデフォルト値
selectedCanvasキャンバスメインキャンバス
p5graphicsオブジェクト
filenameファイル名○'untitled'
extension拡張子'png'
'jpg'
'webp'		○'png'

戻値

なし

備考

・引数 'selectedCanvas'が指定されていない場合、メインキャンバスが保存対象となります。
・引数 'extension'で指定した拡張子に応じて画像ファイルの形式が決まります。
・このメソッドによって、p5graphicsオブジェクトを画像ファイルに保存することも可能です。

関連

createCanvas
createGraphics