这段HTML5和JS代码运行不出来,哪位大神帮帮忙指点一下,谢谢。

2024-11-07 10:58:18
推荐回答(1个)
回答(1):

看不到你的 modernizr.js 文件。


仅以你贴出的代码而言,修正后的代码如下,已测试,可在支持 canvas 的浏览器上运行:





demo by hutia

window.onload = eventWindowLoaded;

var Debugger = function(){  };
Debugger.log = function(message)  {
try {
  console.log(message);
} catch(exception){
   return;
}
}

function eventWindowLoaded(){
 canvasApp();
}
function canvasSupport(){
 return true;
 } 

function canvasApp(){
if (!canvasSupport()){
return;
}

var theCanvas = document.getElementById("canvasOne");
var context = theCanvas.getContext("2d");
Debugger.log("Drawing Canvas");

function drawScreen(){
context.fillStyle = "red";
context.fillRect(0,0,500,300);
context.fillStyle = "red";
context.font = "20px Sans-Serif";
context.textBaseline = "top";
context.fillStyle = "white";
context.fillText ("hello world", 195, 80);
}
drawScreen();
}





your browser do not support canvas




以上,请采纳,请给分。