memorandumsスマートフォン用の表示で見るmemorandums日々の作業ログです。Pickerを作ろうとしてハマりましたp5.jsある作業のため画像中のHSV値が欲しくなりまして。それくらいのアプリなら転がっているだろうな。思ったんですが、ちょいと自作しようと思ってハマりました。完成まで2時間くらいかかったような。一応、完成したアプリは以下のような感じです。ローカルにあるファイルを選択してアップロードしまして、あとは画像上でマウスカーソルを動かすとその場所にあるHSVを取得して表示してくれます。なんか動作がおかしいのですが。HUEは取れていそう。https://editor.p5js.org/keiichi.takahashi@gmail.com/present/6OqOih90jちなみにコードは以下です。p5.dom.jsを使っています。0);}はまった場所は★1でした。ページ中にFile選択用の要素を追加するのはcreateFileInputでできるのですが、このサンプルには以下のように書かれているんですね。}}この★3のcreateImageが曲者?のようで、P5やP55経験者からするとPImageのオブジェクトが得られると思うんですが、どうやらimageタグのポインタのようなものが得られるだけでPImageのような操作ができないんですね。調べたり試したりすること1時間くらい。loadImagを使えばいいってところまではすぐに行ったんです。loadImageで取得したimgオブジェクトのwidthとheightが1と返ってきて画像が表示されへん。ここから調べること1時間。見つけたのが以下の書込み。ほんま助かりますわぁ〜。えせ関西弁すんまへん。頼りになるのはstackoverflowさん(というかその利用者)です。OverflowimageLoaded(←別に名前はなんでもよか)というコールバック関数をloadImage関数の第2引数に与えてやると、ブラウザ(というかdomか?)に画像ファイルをローディング完了した時点でその関数が呼ばれるようで、そこにimage関数を指定してやるとうまくいきました。上記コードの★2の部分ですね。本題の作業は全然進んでいませんが。1歩前進ってところでした。»プロフィールid:ke_takahashiソフトウェア開発、工作、面白ガジェットに興味があります。(1)はてなブログをはじめよう!ke_takahashiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。