html5<canvas>标签的问题

运行如下这段代码<!DOCTYPEhtml><html><head><!--网页的编码--><metacharset="utf-8"/></head><body><!--... 运行如下这段代码
<!DOCTYPE html>
<html>

<head>
<!--网页的编码-->
<meta charset="utf-8"/>
</head>

<body>
<!--制作画布-->
<canvas id="can1" width="500px" height="400px" style="border:1px soild red">
</canvas>

<script type="text/javascript">
//得到画布
var canvas=document.getElementByld("can1");
//得到上下文环境;cxt这个对象理解为画笔
var cxt=canvas.getContext("2d");
<!--画一个矩形-->
cxt.fillRect(10,10,30,30);
</script>

</body>

</html>
为什么运行后什么都看不到呢??画布的边框和矩形都没有,请大神指点
我发现我把solid打成solid了
边框有了,可是还是没有矩形啊~~~~(>_<)~~~~
展开
 我来答
fox000002
2014-01-28 · TA获得超过3827个赞
知道大有可为答主
回答量:2356
采纳率:97%
帮助的人:1186万
展开全部
canvas 代码需要在网页载入完成后执行,比如放到 window.onload 里
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
云手机妞妞
2014-01-28 · TA获得超过156个赞
知道小有建树答主
回答量:213
采纳率:0%
帮助的人:173万
展开全部
getElementByld写错了,是Id是大写的字母i,不是小写的字母L
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
cnnbwhq1972
2014-01-28 · TA获得超过3843个赞
知道小有建树答主
回答量:488
采纳率:83%
帮助的人:241万
展开全部
绘图语句前加cxt.beginpath()绘图结束后加cxt.closepath()
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式