是否可以使用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 = "red"; 
 
c2d.fillRect(0,0,300,200);