为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 Canvas绘图详解 问答

Canvas绘图详解

liuyubobobo 全栈工程师
查看讲师更多课程 liuyubobobo讲师的其他课程
难度中级
时长 4小时35分
学习人数
综合评分9.63
187人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
全部 评论 问答 未解决 精华
DaringLin
嗯线代挂了
0 4-4 深入理解图形变换
2016-09-02
DaringLin
呜呜呜学到大学了这些都忘完了
0 3-2 画一个五角星
2016-09-02

位置不同也不行

已采纳回答 / FDU_XN
应该是你for循环的问题吧
1 回答 731 浏览 3-2 画一个五角星
2016-09-01
SoberXX
死在了数学上。。。
0 3-2 画一个五角星
2016-08-31
happywenwen
感谢老师，老师辛苦了，课程真好～
0 1-1 继续Canvas绘图之旅
2016-08-31
Soledad01
填词系统、字体实验系统、文本编辑系统？？什么鬼
0 7-5 小结：文字的渲染
2016-08-30

五角星探照灯 没有完全盖住下面的文字

最新回答 / 慕粉1569
问题出在绘制五角星路径，Chrome下ctx.clip();存在问题，绘制多边形如果角度太小ctx.clip();的剪切就会超出路径范围，如果你换成三角形或是圆形四方形 就不存在这些问题。怎么解决我也不知道。
1 回答 1099 浏览 8-3 clip和剪辑区域
2016-08-30
Frostblue
用赛贝尔曲线画的慕课logo，目前还很粗糙，改进中：http://hsd8791.blog.163.com/prevPhDownload.do?host=hsd8791&albumId=304697300&photoId=9667330303
再次感谢老师~~
0
2016-08-29

老师的编程软件是？

+ 我来回答 回答最高可+2积分
1 回答 628 浏览
2016-08-29
追梦达人
逻辑清晰，不错的视频，看了2遍
0
2016-08-29
柚_114
度数算了半天，真是够了
1 3-2 画一个五角星
2016-08-29
chris_sx
弧长等于半径时，线段夹角为一弧度。也就是说360度=2π弧度，180°=π弧度。那么1°=（π/180）弧度，同理1弧度=（180/π）°
0 3-2 画一个五角星
2016-08-28
Qzhor
发现fillText 可以当 console.log来调试用。
4 7-4 文本的度量
2016-08-26
前端学习ing
老师讲的真好 大神啊
0 2-6 小结：从线条开始
2016-08-26

关于translate是否移动坐标轴，视频5分14说经过translate位移后坐标还是（0，0），但是W3C上不是这么定义的啊

最新回答 / 慕标7139032
感觉应该还是有影响的
3 回答 1324 浏览 4-3 应用translate、rotate和scale
2016-08-26

ctx代表整个画布，那ctx.rotate(rot / 180 * Math.PI)是旋转画布而不是单个五角星吗？

已采纳回答 / Icekiller
rotate的旋转是你当前画布里面的元素，绘制五角星，使用for循环画出多个五角星，每次循环都使用了beginPath();
4 回答 3293 浏览 4-3 应用translate、rotate和scale
2016-08-25
首页上一页36373839404142下一页尾页
开始学习
课程须知
需有基础HTML,JS,CSS知识。需学习《绚丽的倒计时效果》Canvas绘图第一课。
老师告诉你能学到什么？
深入了解Canvas各个绘图接口的使用方法。基础图形学知识。通过对一些基本元素的绘制，启发大家更多有效地绘图方法。

微信扫码，参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消