是否可以仅使用vanilla JavaScript在画布上创建和绘制？

Question

我一直在网上寻找一种方法来在JavaScript 中绘制画布，而不使用任何HTML。我承认我被宠坏了，因为我主要是khanacademy.org [my profile]上的程序，它使用的是processing.js，因此我习惯于输入 fill(164,228,252); rect(0, 0, 20, 20); 并获得一个蓝色矩形，但如果我在线下编程，或者想要制作一个纯JS游戏，即如果它甚至可能，那么用JS绘制画布会很好。

Answer 1

这取决于“没有任何HTML”的含义。 Canvas是一个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);