Javascript phonegap可以使用画布吗？_Javascript_Android_Cordova_Canvas

Javascript phonegap可以使用画布吗？

javascript android cordova canvas

Javascript phonegap可以使用画布吗？,javascript,android,cordova,canvas,Javascript,Android,Cordova,Canvas,我是使用javascript编程phonegap的新手！我试图在我的项目中使用画布，但它不起作用！这是我的代码： index.html： <!DOCTYPE html> <html> <head> <script type="text/javascript" charset="utf-8" src="cordova-2.5.0.js"></script> <script type="text/javascript" c

我是使用javascript编程phonegap的新手！我试图在我的项目中使用画布，但它不起作用！这是我的代码： index.html：

    <!DOCTYPE html>
<html>
<head>
<script type="text/javascript" charset="utf-8" src="cordova-2.5.0.js"></script>
<script type="text/javascript" charset="utf-8">
document.addEventListener("deviceready",onDeviceReady, false);
function onDeviceReady() {

}
var c = document.getElementById("mycanvas");
var ctx = c.getContext("2d");
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);
</script>
</head>
<body>
<canvas id="mycanvas" width="200" height="100" style="border:1px solid #c3c3c3;"></canvas>
</body>
</html>


文件。添加的监听器（“deviceready”，OnDeviceraddy，false）；
函数ondevicerady（）{
}
var c=document.getElementById（“mycanvas”）；
var ctx=c.getContext（“2d”）；
ctx.fillStyle=“#FF0000”；
ctx.fillRect（0,0150,75）；

看起来您试图在mycanvas元素实际存在于文档中之前访问它（因为它出现在您的代码之后）。将您的代码移动到deviceready函数中，或者只将其移动到canvas元素下面。@Imortenson建议的是正确的。在试图让它在Phonegap中运行之前，先让它在Chrome中运行。检查控制台会立即显示错误：

uncaughttypeerror:无法调用null的方法“getContext”

非常感谢！我修好了D.使用下面的脚本修复此问题！：D谢谢大家