我写了一段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> 展开
<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> 展开
2个回答
展开全部
<!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 必须要传入参数。
展开全部
你把这一句
if(canvas && canvas.getContext())
改成
if(canvas && canvas.getContext("2d"))
canvas 的 getContext 必须有一个参数指定绘制环境类型(2d 或 3d)。
追问
貌似还是不对
追答
你贴出来的代码是你整个源代码吗?还有其它文件吗?我这里测试, IE11, Firefox , Chrome 浏览器都可以显示一个黑色三色形,不知道结果是否正确?
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询