Canvas绘图详解_技术问答

首页免费课 Canvas绘图详解问答

Canvas绘图详解

                
                liuyubobobo
            全栈工程师

                    查看讲师更多课程 
                    liuyubobobo讲师的其他课程
                
算法与数据结构（C++版） 面试/评级的算法复习技能包
实战·初级·11186

                                                                                                                                    ￥166.00
                                            
玩转算法面试-- Leetcode真题分门别类讲解
实战·初级·7408

                                                                                                                                    ￥266.00
                                            
 7个经典应用诠释Java算法精髓
实战·初级·1883

                                                                                                                                    ￥69.00
                                            
Python3入门机器学习&nbsp;经典算法与应用&nbsp;&nbsp;
实战·中级·5841

                                                                                                                                    ￥499.00
                                            
结合编程学数学 专为程序员设计的线性代数
实战·初级·3404

                                                                                                                                    ￥348.00
                                            
玩转算法系列--图论精讲（Java版）
实战·中级·1591

                                                                                                                                    ￥348.00
                                            
                难度中级
            
                时长 4小时35分
            
                学习人数
            
综合评分9.63
                            187人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.6
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

雨中的鱼L

是特别感谢老师的视频教程，讲得太好了，也很期待老师更多的课程，也希望出游戏制作教程，那就更加过瘾了

0 9-6 如何使用Canvas处理图像

2015-05-13

12只猫

小球停止运动后，canvas都不更新了，背景当然不会变了。

0 9-1 在Canvas中使用其他HTML元素

2015-05-11

Sen_CN

跟着老师的视频过了一遍所有例子，实在是太棒了，非常期待老师的下一期canvas课程，求早点更新(●'◡'●)

0 9-6 如何使用Canvas处理图像

2015-05-10

显示图像问题

+ 我来回答回答最高可+2积分

3 回答 1171 浏览 6-3 绘制一角弯月

2015-05-10

别担心_有我陪着你

a^2 + b^2=c^2,再开方求c

0 6-3 绘制一角弯月

2015-05-10

课程中如果画的那么多星星各自不产生覆盖，怎么解决？

+ 我来回答回答最高可+2积分

0 回答 709 浏览

2015-05-09

悲角

继续跟团走~~

0 9-6 如何使用Canvas处理图像

2015-05-08

黄总

我只能说：卧槽

0 3-2 画一个五角星

2015-05-08

慕妹9220387

赞赞赞~~~~~

0 7-5 小结：文字的渲染

2015-05-07

请问最后一个例子里面的两对save()restore() 分别起了什么样的效果？

最新回答 / 小王子抓猫咪

save和restore是用于绘制环境的保存与还原，如果你不写这一对方法，你前面进行的操作（全屏先涂#333）就不会被还原，而是在原来的绘制环境（简单理解就是原图形）上进行新的操作，这样你第二次画的内容都是在原图上画的。clip与你第一次restore的顺序没有关系，你可以把每一帧的绘画放在一个save和restore之间，最重要的是你需要在clip前调用beginpath方法，如果不调用beginpath你每次的剪切圆不会消失而是一直保持在画面上。调用一个beginpath,closepath就可以啦。

1 回答 2699 浏览 8-3 clip和剪辑区域

2015-05-05

BeyondWords

刚开始我的miterLimit也没看出效果，查了下文档
“当宽线条使用设置为 "miter" 的 lineJoin 属性绘制并且两条线段以锐角相交的时候，所得的斜面可能相当长。当斜面太长，就会变得不协调。miterLimit 属性为斜面的长度设置一个上限。这个属性表示斜面长度和线条长度的比值。默认是 10，意味着一个斜面的长度不应该超过线条宽度的 10 倍。如果斜面达到这个长度，它就变成斜角了。”
然后重新设置了下内圆半径和miterlimit的值就看出效果了。

2 3-3 线条的连接：lineJoin和miterLimit

2015-05-03

BeyondWords

来献花 ✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿✿

0 1-1 继续Canvas绘图之旅

2015-04-30