Html 画布元素在未打包的Chrome应用程序中不执行任何操作
我正在测试一个定制的Chrome应用程序，我决定使用画布。我有通常的manifest.json和background.js，但我认为问题出在index.html中Html 画布元素在未打包的Chrome应用程序中不执行任何操作,html,canvas,google-chrome-app,Html,Canvas,Google Chrome App,我正在测试一个定制的Chrome应用程序，我决定使用画布。我有通常的manifest.json和background.js，但我认为问题出在index.html中 <!DOCTYPE html> <html> <head> </head> <body> <canvas id="canvas" style="width:500px;height:500px;border:1px solid black;">
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<canvas id="canvas" style="width:500px;height:500px;border:1px solid black;"></canvas>
<script>
var c = document.getElementById("canvas").getContext("2d");
c.fillStyle = "red";
c.fillRect(50,25,50,50);
</script>
</body>
</html>
var c=document.getElementById（“画布”）.getContext（“2d”）；
c、 fillStyle=“红色”；
c、 fillRect（50,25,50,50）；
每当我设计画布时，一切都会显示出来，但什么都不会显示出来。但是，当我在浏览器窗口中测试相同的代码时，它会显示出来。为什么会发生这种情况？或者我如何修复它？内联js在应用程序和扩展中不起作用（控制台应该显示错误）。谢谢。我把它移到一个单独的JS文件中，现在一切正常。