<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="processing.js"></script>
</head>
<body>
<canvas width="1000" height="1000" data-processing-sources="sketch_191218a/sketch_191218a.pde"></canvas>
</body>
</html>
一:下载并包含 processing.js 文件
这个 js 文件可以把processing的文件进行转化,使之可以在HTML显示
二:用 canvas 标签引入processing 文件
三:注意,得用服务器打开HTML文件才能正确显示,不可以用本地方式打开
正确示范:
错误示范: