什么是用于绘制屏幕或画布的JavaScript API

Question

过去，在JavaScript中编程时，我使用了Khan Academy的Processing.js风味。在那儿，绘画很简单：

fill(0x00, 0x00, 0xFF);
rect(10, 10, 50, 45);

我对香草JavaScript进行了很少的编程，因此我对它与HTML的作用有很糟糕的了解（除了使用<script>标签是JS代码所在的位置），以及各种"标准" APIS的位置用于图形和用户输入。

Answer 1

这取决于您所说的"没有任何HTML"。画布是HTML元素，因此总会有一些HTML涉及以某种方式。即使您直接通过JavaScript访问DOM，也需要HTML页面作为"安装"点，也需要加载JS代码的工具。

如果您不想编写包含画布的页面，则可以将其附加到应用程序开头的页面，例如在下面的摘要中。

var canvas = document.createElement('canvas');
var c2d = canvas.getContext("2d");
document.body.appendChild(canvas);
c2d.fillStyle = "rgb(164, 228, 252)";
c2d.fillRect(0,0,20,20);