html5绘制图形问题

快乐girl 发布于 2012/09/06 20:48
阅读 218
收藏 0

华为云11月刊推送:DIY微信问答机器人,高性能计算代码的20个技巧!>>>

<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>canvas元素示例</title>
<script type="text/javascript">
function draw(id){
 var canvas=document.getElementById(id);
 if(canvas==null){
  return false;
  }
  var context=canvas.getContext('2d');
  context.fillStyle="#eeeeff";
  context.fillRect(0,0,400,300);
  context.fillStyle="red";
  sontext.strokeStyle="blue";
  context.lineWidth=1;
  context.fillRect(50,50,100,100);
  context.strokeRect(50,50,100,100);
  }
        </script>
</head>
<body onload="draw('canvas');">
<h1>canvas元素示例</h1>
<canvas id="canvas" width="400" height="300">
</body>
</html>

为何只有浅蓝色的画布,没有显示红色正方形?找不出原因,代码看了几遍了,没发现什么错误

以下是问题补充:

@快乐girl:在网上查了,大多浏览器都支持canvas元素,况且我自己也用了火狐,Opera浏览器测试,但都没显示想要的效果,求解答 (2012/09/06 20:54)
加载中
0
aiasfina
aiasfina
 sontext.strokeStyle="blue";

 context打错了

快乐girl
快乐girl
恩,谢谢,我粗心了
返回顶部
顶部