Tag: processing.js

跨多个页面使用Processing.js

我在跨多个页面使用processing.js时遇到问题。 我有一个母版页(test.html),它通过jquery将所有页面加载到名为“contentarea”的div中。 这只是“test.html”的一个例子,只是让你明白了: $(document).ready(function(){$(“#contentarea”).load(“page1.html”); etc… … 正如您所看到的,Test.html包含处理引用“src =”js / processing.js“”,并将在其自己的页面上拦截任何静态“canvas data-processing-sources”( 仅限 “test.html”)。 当page1.html加载到test.html时,processing.js不会初始化canvas。 但是当自己查看页面(page1.html)时,processing.js会拦截“canvas data-processing-sources”并加载正常。 这是一个问题的工作示例: 例 http://78revelationscom.ipage.com/site/test/test.html 题: 如何让processing.js初始化(或重新初始化,刷新或加载)动态加载的canvas? 先感谢您!

在用户点击时加载带有ajax的processing.js草图

我正在尝试在点击时加载带有ajax的processing.js草图,但它无效。 如果我立即加载草图,而不是用户交互,则它可以工作。 这是我的代码: $(‘#clicker’).click(function(){ var canvasRef = $(”); canvasRef.attr(‘data-src’,’/uploads/processing_js/anything_1.pde’); $(‘#loader’).append(canvasRef); }); 我还尝试了属性的’data-processing-sources’和’datasrc’。 任何人都知道为什么这不起作用?

使用JQuery获取视口宽度并在处理JS中使用

我正在编写一个我想根据用户视口宽度resize的processingjs脚本。 据我所知,在处理过程中没有这方面的function,所以我一直在研究JQuery并使用$(window).width(); 。 只有我不知道如何在处理中将该值转换为大小(宽度,高度)函数。 有任何想法吗? 谢谢 如果您需要它们链接: http : //processingjs.org/ http://api.jquery.com/width/

Processing.js图片数组无法正常显示

我正在尝试从我的数据库中获取图片路径数据并在处理草图上显示它,因此这是Javascript文件: function send() { function setPath(d) { var s = d; var processingInstance; if (!processingInstance) { processingInstance = Processing.getInstanceById(‘canvas’); } processingInstance.change(s); } var variable = 2; $.ajax({ method: “POST”, tupe: “POST”, url: “take.php”, data: ({val: variable}), success: function (data) { $(‘#msg’).html(data); setPath(data); }, }); } 这是PHP文件: $value) { echo ” $value”; } // echo $im; […]