注册 登录
编程论坛 WEB前端(UI)

canvas显示不了直线???

渐渐鱼 发布于 2018-05-31 20:12, 3312 次点击
很简单的代码,可就是运行不出来》》》》求大神解
html代码
程序代码:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <canvas id="fisrtcanvas" width=300 height=200 style="background:rgb(109, 189, 19)">no support</canvas>
        <script src="1.js">
            
</script>
    </body>
   
</html>


js代码
程序代码:
var c = document.getElementById("firstcanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(10,10);
ctx.lineTo(20,20);
ctx.lineWidth=1.0;
ctx.strokeStyle=red;
ctx.stroke();
4 回复
#2
林月儿2018-05-31 22:25
<canvas id="fisrtcanvas" width=300 height=200 style="background:rgb(109, 189, 19)">no support</canvas>

var c = document.getElementById("firstcanvas");

fisrt vs first
#3
渐渐鱼2018-06-01 12:25
多谢,英文水平有待加强
#4
渐渐鱼2018-06-01 12:28
额嗯,改了这个直线还是没法显示啊,只有一块绿色的矩形
#5
林月儿2018-06-01 19:07
var c = document.getElementById("firstcanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(10,10);
ctx.lineTo(20,20);
ctx.lineWidth=1.0;
ctx.strokeStyle=red;
ctx.stroke();

太细了,线条调粗一点
1