| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 3240 人关注过本帖
标题:canvas显示不了直线???
只看楼主 加入收藏
渐渐鱼
Rank: 1
等 级:新手上路
帖 子:80
专家分:0
注 册:2018-5-11
结帖率:90%
收藏
 问题点数:0 回复次数:4 
canvas显示不了直线???
很简单的代码,可就是运行不出来》》》》求大神解
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();
搜索更多相关主题的帖子: canvas 显示 直线 代码 html 
2018-05-31 20:12
林月儿
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:湖南
等 级:版主
威 望:138
帖 子:2277
专家分:10647
注 册:2015-3-19
收藏
得分:0 
<canvas id="fisrtcanvas" width=300 height=200 style="background:rgb(109, 189, 19)">no support</canvas>

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

fisrt vs first

剑栈风樯各苦辛,别时冰雪到时春
2018-05-31 22:25
渐渐鱼
Rank: 1
等 级:新手上路
帖 子:80
专家分:0
注 册:2018-5-11
收藏
得分:0 
多谢,英文水平有待加强
2018-06-01 12:25
渐渐鱼
Rank: 1
等 级:新手上路
帖 子:80
专家分:0
注 册:2018-5-11
收藏
得分:0 
额嗯,改了这个直线还是没法显示啊,只有一块绿色的矩形
2018-06-01 12:28
林月儿
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:湖南
等 级:版主
威 望:138
帖 子:2277
专家分:10647
注 册:2015-3-19
收藏
得分:0 
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();

太细了,线条调粗一点

剑栈风樯各苦辛,别时冰雪到时春
2018-06-01 19:07
快速回复:canvas显示不了直线???
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.038613 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved