質問: loadImage('00.jpg'); } function setup() { // 読み込む画像のサイズは480 x 240 createCanvas(480, 120); } // イメージをキャンバスに描画する function draw() { image(img, 0, 0); } ■htmlファイル サンプル ``` ### 試したこと p5.jsを利用せず、画像の表示を確認した。 画像ファイルのpath問題ないと思います。 ■HTMLで表示したHTML 画像表示確認 ### 補足情報(FW/ツールのバージョンなど) なし
回答: > > Windowsのローカル環境でテストしていますが、 > > ローカルでは動かないということはありますか? > > > これですね。 エクスプローラから html ファイルを開くだけだと、 ブラウザの開発ツールで見ると、下記のようなエラーが出てると思います。 > > Access to image at 'file:///.../.../00.png' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https. > > > ローカルサーバ立てれば動作すると思うので、 例えば エディタに VS Code 使ってるなら、 Live Server という拡張機能で動かしてみると良いと思います。