(p5element).dragOver

(別名: (p5element).drag_over)

def setup 
  c = createCanvas(100, 100)
  background(200)
  textAlign(CENTER)
  text('drag & drop file', width / 2, height / 2)
  c.dragOver do
    background(240)
    text('Dragged over', width / 2, height / 2)
  end
  c.dragLeave do
    background(200)
    text('Dragged off', width / 2, height / 2)
  end
  c.drop do |file|
    background(200)
    text('dropped file:', width / 2, height / 2)
    text("[#{file.type}]", width / 2, height / 2 + 30)
  end
end

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

[p5.js] (p5.Element.obj).dragOver

概要

ファイルが HTML要素上にドラッグされたときに実行する処理を登録します。

書式

obj.dragOver([void]) do ... end

引数

引数名内容備考オプションデフォルト値
void無効化falseが指定された場合にはブロックは実行されないnil
...ブロック実行する処理

戻値

なし

備考

関連

(p5element).dragLeave
(p5element).drop