3

私の processing.js スケッチには、div のサイズを取得するときに読み込まれるウィンドウに依存する size() 呼び出しがあります。50% の確率で、CSS が起動する前にスケッチが読み込まれるため、スケッチのサイズが適切ではありません。これに対抗する最善の方法はwindow.onload関数でロードすることだと思いますが、キャンバスはinnerHTMLによって呼び出されるのを好まないようです。処理スケッチを含むキャンバスを div on コマンドに送り込むにはどうすればよいですか?

4

1 に答える 1

5

Processing.js がスケッチをロードするためのキャンバスの DOM 挿入を探していないため、キャンバスが機能していないわけではありません。読み込まれた DOM コンテンツにスケッチを読み込むための一般的なパスのみを行います。その後スケッチを挿入したいので、(Processing.reload() を呼び出すことで) 再解析をトリガーすることができます。これにより、すべてがリセットされます。同じページにリセットしてはならない他のスケッチがある場合は、それを使用しないでください。 ）またはあなたが呼び出すことができます

var sourceList = ['file1.pde','file2.pde','...',...];
var canvas = document.querySelector("#mycanvas");
Processing.loadSketchFromSources(canvas, sourceList);

ページに挿入しても安全な場合はいつでも、特に 1 つのスケッチに対して。

于 2013-01-29T16:11:24.410 に答える