processing如何在html上运行显示

最新推荐文章于 2024-02-04 12:09:09 发布

转载最新推荐文章于 2024-02-04 12:09:09 发布 · 2.1k 阅读

文章标签：

#processing #html

processing 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何将Processing代码直接嵌入HTML文件，利用Processing.js库在网页上创建动态视觉效果。通过简单的步骤和代码示例，展示了如何在HTML中整合动态内容，丰富网页交互体验。

当然还可以直接在html里直接写processing，只要新建一个文件夹，把processing.js放在里面，然后新建一个txt文档，直接在txt里面写
<html>
<head></head>
<body>
<script src="processing-1.4.1.js"></script>
<script type="text/processing" data-processing-target="processing-canvas">
这里就是processing代码
</script>
<canvas id="processing-canvas"> </canvas>
</body>
</html>
写好后保存，然后把txt后缀改成html就可以了