括號無法加載我的畫布
[英]Brackets doesn't load my canvas
問題描述
當我將我的 JavaScript 文件引用到我的index.html文件（同一文件夾中的兩個單獨文件），並且我在瀏覽器中加載 html 文件時，我在 javascript 文件中制作的繪圖不會顯示在畫布中。
這是這個HTML代碼：
<!DOCTYPE html>
<html>
<head>
<title>snake</title>
<script language="javascript" type="text/javascript" src="snake.js"></script>
</head>
<body>
<canvas id="dots" height="500" width="500"></canvas>
</body>
</html>
這是 JavaScript：
function snake() {
var canvas = document.getElementById("dots");
var snakehead = canvas.getContext('2d');
snakehead.beginPath();
snakehead.arc(100, 75, 50, 0, 2 * Math.PI);
snakehead.stroke();
snakehead.fillStyle = "#2776ff";
snakehead.fill();
}
snake();
在 JS-fiddle 代碼工作，它看起來像這樣： https : //jsfiddle.net/j2ny6gaf/72/
我也從 JSLint 得到了一些錯誤。
“在 var canvas = document.getElementById 上缺少使用 'strict' 語句”將其與之前的 var 語句 var snake = canvasgetcontext 結合起來
和一個錯誤； “文檔未定義。[no-undef]
3 個解決方案
解決方案1
0 2018-04-21 10:43:44
嘗試使用腳本標簽
<script type="text/javascript" src="snake.js"></script>
頭部內部。
解決方案2
0 2018-04-21 11:10:35
嘗試在 head 部分中添加您的腳本（script src=“file-name.js” /script）並嘗試添加畫布大小。
解決方案3
0 2020-10-09 11:48:04
試試
window.onload = function snake() {...}
為什么這個JsFiddle不加載到我的頁面上？ （使用括號）
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.