bugfix> html > 投稿

p5.j​​sから作成されたpdeを使用して、キャンバスtest123.pdeをWebページに読み込むときに問題が発生します。 test123.pdeは公式のp5.jsページの例です。テスト用に使用しているので、間違いはありません。そのため、コードを投稿しません。

これが私のphp/htmlコードの画像です

Webページにはデフォルトのキャンバスが表示されます(firefoxではサイズが150 * 300の空のキャンバスです)が、test123.pdeは表示されません:(

ご覧のとおり、キャンバスへのリンクには、下のscriptEntry.jsのように下線が引かれていません。

そのため、パスが正しくないと想定しています。しかし、それは私を混乱させます、なぜならフォルダはキャンバス フォルダと同じレベルにあります脚本

/ home/sites/site55/web/subs/kreativ   -> それはからの結果ですgetcwd() PHPでは、パスを返します。

私は不運にも試しました: canvas data-processing-sources = "/ home/sites/site55/web/subs/kreativ/canvas/test123.pde"

canvas data-processing-sources = "../ canvas/test123.pde"

canvas data-processing-sources = "../ canvas/test123.pde"

canvas data-processing-sources = "https://www.fazzke.net/subs/kreativ/canvas/test123.pde"

canvas data-processing-sources = "https://kreative-kreaturen.fazzke.net/canvas/test123.pde"

他のすべての必要なファイルがロードされていることがわかります

助けてくれてありがとう(:

回答 1 件
  • さて、私は問題が何であるかを見つけました。同じ問題を抱えているすべての人に:

    Processingでは、キャンバスに次のものを含めます。

    キャンバスdata-processing-sources = "example.pde"

    p5.j​​sで、キャンバスをインクルードします

    スクリプトsrc = "example.js"

あなたの答え