Processing.js已停止维护且依赖被禁用的eval()，现代浏览器不支持其内联脚本；应改用p5.js，注意canvas声明时机、作用域隔离、函数命名及尺寸设置差异。

HTML里直接写Processing.js代码为什么报错ReferenceError: Processing is not defined

因为processing.js早已停止维护，2018年后主流浏览器默认禁用eval()执行内联脚本，而旧版processing.js依赖它动态解析<script type="application/processing"></script>里的代码。现在直接嵌入会卡在初始化阶段。

实操建议：

anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

• 别用<script type="application/processing"></script>——现代浏览器根本不认这个MIME类型
• 改用显式加载processing.min.js（需从archive.org找v1.4.8或更早版本，新CDN链接基本都404了）
• <canvas></canvas>必须提前声明id，且不能是动态生成的DOM节点；Processing.js只扫描页面加载时已存在的<canvas id="myCanvas"></canvas>
• JS初始化代码得放在

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！