为了账号安全,请及时绑定邮箱和手机立即绑定

为什么canvas画布不显示呢,感觉JS代码没有起作用是怎么回事

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>canvas元素示例</title>

</head>

<body>

<h1>canvas元素示例</h1>

<canvas id="canvas" width="1024",height="1080",style="border: 1px solid #aaa;display:block;margin: 50px,auto;">绘图区域</canvas>

<script type="text/javascript">

window.onload=funciotn(){

var canvas=document.getElementById("canvas");

var context=canvas.getContext("2d");

context.moveTo(100,100);

context.lineTo(700,700);

context.stroke();

}

</script>

</body>

</html>


正在回答

4 回答

function写错了

1 回复 有任何疑惑可以回复我~

在context.stroke();的上一句代码 前 加上 一句代码

context.strokeStyle="red";

你还有一个问题

window.onload=function(){}

这里的关键字 function 是我这样写的

1 回复 有任何疑惑可以回复我~

margin:50px auto;

0 回复 有任何疑惑可以回复我~

<canvas id="canvas" width="1024" height="1080" style="border: 1px solid #aaa;display:block;margin: 50px,auto;">绘图区域</canvas>

看我的代码  

注意你的  格式

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么canvas画布不显示呢,感觉JS代码没有起作用是怎么回事

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信