我写了一段html5的代码,可是在浏览器中始终不能正常显示,是我js位置放的不对吗?应该如何放?

<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>书上例子的实践</title><scriptlanguage... <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>书上例子的实践</title>
<script language="JavaScript" type="text/javascript">
function Addzhi3()
{
var canvas = document.getElementById("addzhi3");
if(canvas && canvas.getContext())
{
var context = canvas.getContext("2d");
context.beginPath();
context.lineWidth=3;
context.moveTo(160,50);
context.lineTo(50,100);
context.lineTo(160,185);
context.fill();
}
}
window.addEventListener("load",Addzhi3(),true);
</script>
</head>
<body>
<canvas height="200" width="170" id="addzhi3"></canvas>
</body>
</html>
展开
 我来答
13856077103
2014-10-05 · TA获得超过795个赞
知道小有建树答主
回答量:1043
采纳率:100%
帮助的人:587万
展开全部
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>书上例子的实践</title>
        <script language="JavaScript" type="text/javascript">
            function Addzhi3()
            {
                var canvas = document.getElementById("addzhi3");
                if(canvas)
                {
                    var context = canvas.getContext("2d");
                    context.beginPath();
                    context.lineWidth=3;
                    context.moveTo(160,50);
                    context.lineTo(50,100);
                    context.lineTo(160,185);
                    context.fill();
                }
            }
            window.onload=function  () {
                Addzhi3();
            }
        </script>
    </head>
    <body>
     <canvas height="200" width="170" id="addzhi3"></canvas>
    </body>
</html>
更多追问追答
追问
对了,可是为什么我的不对呢?
追答
你判断有问题。getContext 必须要传入参数。
九头草鸡
2014-10-05 · TA获得超过239个赞
知道小有建树答主
回答量:259
采纳率:0%
帮助的人:168万
展开全部

你把这一句

if(canvas && canvas.getContext())

改成

if(canvas && canvas.getContext("2d"))

canvas 的 getContext 必须有一个参数指定绘制环境类型(2d 或 3d)。

追问
貌似还是不对
追答
你贴出来的代码是你整个源代码吗?还有其它文件吗?我这里测试, IE11, Firefox , Chrome 浏览器都可以显示一个黑色三色形,不知道结果是否正确?
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式