Canvas绘图详解_技术问答

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

Canvas绘图详解

                
                liuyubobobo
            全栈工程师

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

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

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

                                                                                                                                    ￥248.00
                                            
Python3入门机器学习&nbsp;经典算法与应用&nbsp;&nbsp;
实战·初级·5962

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

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

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

全部评论问答未解决精华

you jump

要是一个ui设计师又很会写代码的话，真的是吊炸天了，这才是全能前端工程师吧

2 5-2 径向渐变

2016-08-01

you jump

让我学英语，我可以克服，数学实在是硬伤，心算都有问题的人。。。。。。

0 4-4 深入理解图形变换

2016-08-01

platan

谢谢bobo老师~

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

2016-08-01

platan

谢谢老师~

0 6-2 arcTo()，另一种弧线绘制方法

2016-08-01

you jump

听了SVG的课程，根本听不下去，放弃之后来看canvas，简直是天堂啊，而且老师讲得太好了，喜欢这种概括-细节-总结的讲课模式，谢谢老师，那句大家加油真的很感动。

2 2-6 小结：从线条开始

2016-08-01

精慕门9879120

是不是非常的酷，大家加油！

0 8-1 阴影

2016-07-31

Kongwsh

聪明的同学，，，，，

0 3-2 画一个五角星

2016-07-31

请问我的代码在哪出现问题了呢？（星空的不重合无覆盖问题）

最新回答 / Char_n

for(var i=0;i<200;i++){ //利用json来创建200个随机星星var aStar={ x:Math.random()*canvas.width, y:Math.random()*canvas.height, R:Math.random()*5+5, a:Math.random()*360}; if(stars.length==...

1 回答 396 浏览 4-1 画一片星空

2016-07-31

缘分星空

还请老师多带我们做些canvas游戏项目

0 1-1 继续Canvas绘图之旅

2016-07-31

青科孙宁

大家加油!

1 5-4 渐变色和纹理小结

2016-07-30

精慕门9879120

特别感谢老师的无私奉献和慕课网！真的非常好！！！

1 5-1 线性渐变

2016-07-30

//为什么先平移，后旋转？如果先旋转后平移的话,星星就会很少，而且在5-1中的只占屏幕的65%，就实现不了。

已采纳回答 / Arya丶

你这样放图片代码。。没人看得清。。我用我的理解说一下吧，先进行旋转的话，其实是把参照坐标系旋转了，注意，不是对整个canvas影响，而是对旋转后，即将要绘制的图形有影响。也就是说，进行了旋转，参照坐标系就是一个旋转状态，这时候你的“平移”，已经不是原来的平移了，而是旋转后的平移，也就是说，其实是斜移动了的。应该是这样~吧

3 回答 2158 浏览 5-1 线性渐变

2016-07-30

站在树端的猫

不溢出画布方法：
if (x >= (0 + r) && x <= (canvas.width - r) && y >= (0 + r) && y <= (canvas.height - r) ){
drawStar(context, x, y, r, r / 2, rot)
} else {
i = i-1;//保证绘制星星的数量，不会应存在不满足条件的星星出现而减少
}

0 4-1 画一片星空

2016-07-29

站在树端的猫

if (x >= (0 + r) && x <= (canvas.width - r) ){
drawStar(context, x, y, r, r / 2, rot)
} else {
i = i-1
}

0 4-1 画一片星空

2016-07-29

laxy

是不是非常的酷？大家加油！

1 6-1 arc()，圆弧和圆角矩形

2016-07-29

哈喽姑娘

这个老师讲得真好。谢谢老师

0 2-6 小结：从线条开始

2016-07-29

首页上一页 40 41 42 43 44 45 46 下一页尾页

开始学习

课程须知: 需有基础HTML,JS,CSS知识。需学习《绚丽的倒计时效果》Canvas绘图第一课。

老师告诉你能学到什么？: 深入了解Canvas各个绘图接口的使用方法。基础图形学知识。通过对一些基本元素的绘制，启发大家更多有效地绘图方法。

微信扫码，参与3人拼团

热搜

最近搜索清空