2009-12-16 16 views
5

मैं एक ही पृष्ठ पर एकाधिक स्केच चलाने की कोशिश कर रहा हूं।एक ही समय में एकाधिक प्रसंस्करण.जेएस स्केच चल रहे हैं

init स्क्रिप्ट निर्दिष्ट करता है कि:

/* 
* This code searches for all the <script type="application/processing" target="canvasid"> 
* in your page and loads each script in the target canvas with the proper id. 
* It is useful to smooth the process of adding Processing code in your page and starting 
* the Processing.js engine. 
*/ 

जब मैं प्रत्येक स्केच का लक्ष्य कैनवास निर्दिष्ट करते हैं, यह काम नहीं करता:

<script type="application/processing" target="canvas1">..</script> 
<script type="application/processing" target="canvas2">..</script> 

<canvas id="canvas1".. /> 
<canvas id="canvas2".. /> 

लेकिन यह काम नहीं कर रहा है? क्या यह भी संभव है? कोई भी सहायताकाफी प्रशंसनीय होगी। मैं एक दूसरे के साथ सिंक में एक स्केच चलाने वाले इनलाइन कैनवास तत्वों के साथ एक दस्तावेज़ रखने की कोशिश कर रहा हूं।

उत्तर

6

स्क्रिप्ट और कैनवस टैग के लिए आईडी की स्थापना करके काम कर मिल गया:

<script type="application/processing" id="script1">..</script> 
<script type="application/processing" id="script2">..</script> 

<canvas id="canvas1" width="200px" height="200px"></canvas> 
<canvas id="canvas2" width="200px" height="200px"></canvas> 
<script> 
    canvas1 = document.getElementById("canvas1"); 
    script1 = document.getElementById("script1").text; 
    canvas2 = document.getElementById("canvas2"); 
    script2 = document.getElementById("script2").text; 
    Processing(canvas1, script1); 
    Processing(canvas2, script2); 
</script> 
0

मैं ऊपर कार्यान्वयन काम नहीं कर सकता है, लेकिन यह मेरे लिए काम करता ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head> 
     <script src="processing-1.4.1.min.js"></script> 
     <title>title</title> 
    </head> 
    <body> 

     <script type="application/processing" id="script1" src="script1.pde" data-processing-target="pjs1"></script> 
     <canvas id="pjs1"> </canvas> 

     <script type="application/processing" id="script2" src="script2.pde" data-processing-target="pjs2"></script> 
     <canvas id="pjs2"> </canvas> 

    </body> 
    </html> 

"Script1.pde" & "script2.pde" एक फ़ंक्शनिंग प्रोसेसिंग प्रोग्राम और HTML पृष्ठ के समान निर्देशिका में स्टोर करें।

संबंधित मुद्दे