我在带有脚本标签的网页中使用 processing.js。如何更改脚本标签的高度？答案

【问题标题】：I am using processing.js in a web page with script tag. How can I change the height of the script tag?我在带有脚本标签的网页中使用 processing.js。如何更改脚本标签的高度？
【发布时间】：2017-04-06 01:11:59
【问题描述】：

我创建了一个脚本标签来放入处理代码。当我把它放在一个网站上时，它只占网页的一小部分，尽管它的高度是 1142。

 <html>
      <head>
        <script type="text/javascript" src="processingJS/processing.js"></script>
        <script type="text/javascript" src="processingJS/init.js"></script>
      </head>
      <body>
        <script type="application/processing" height="1142" width="1142">
        noStroke();


    draw = function() {
        fill(mouseX, mouseY, 0);
        ellipse(mouseX, mouseY, 100, 100);
    };

        </script><canvas></canvas>
      </body>
    </html>

【问题讨论】：

您是否阅读/查看过此processingJS 插件的任何演示/示例？我敢肯定它会解释如何调整事情以满足您的需求....也许尝试添加size(300,200); 这是Javascript 驱动并使用canvas 显示输出所以尝试添加大小到脚本标签不会做任何事情。我建议你阅读文档processingjs.org/learning

标签： javascript processing processing.js

【解决方案1】：

就像 NewToJS 在他们的评论中所说，您需要使用 setup() 和 size() 函数。

更多信息请访问the reference：

以像素为单位定义显示窗口的尺寸。这 size() 函数必须是setup() 的第一行。如果size() 不是调用时，窗口的默认大小为 100x100 像素。系统变量width 和height 由传递给 size() 函数。

您还应该真正养成在发布问题之前进行一些研究的习惯。几乎所有的 Processing 和 Processing.js 教程都涵盖了这一点，因此在这里稍微阅读一下对您来说会有很长的路要走。

【讨论】：