HTML5中canvas画布有些不理解,怎么画不出来一条直线?

如题所述

小伙伴,你代码写错了撒,定义convas,但你用canvas.getcontext了。。。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-09-07
js代码前两行没加分号吧,,,追问

好的,谢谢!我试一下

还是不行,dw显示语法错误

追答<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<canvas id="mycanvas" width="500px" height="500px"></canvas>
<script>
var b=document.getElementById("mycanvas");
var c=b.getContext("2d");
c.moveTo(0,0);
c.lineTo(200,300);
c.stroke();
</script>
</body>
</html>

亲测好使

语法错误可能是用了中文标点或者漏了标点

第2个回答  2019-08-09
你少写了个context.beginPath()
第3个回答  2017-09-07
我猜是你的背景颜色把线盖上了。。。。。。。。。追问

不会的,灰色

追答

你把你的代码粘到HTML5的页面中跑一下试试

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>

</body>
</html>

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网