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了
边框有了,可是还是没有矩形啊~~~~(>_<)~~~~ 展开
<!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了
边框有了,可是还是没有矩形啊~~~~(>_<)~~~~ 展开
展开全部
canvas 代码需要在网页载入完成后执行,比如放到 window.onload 里
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
getElementByld写错了,是Id是大写的字母i,不是小写的字母L
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
绘图语句前加cxt.beginpath()绘图结束后加cxt.closepath()
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询