Canvas绘图详解_技术问答

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

Canvas绘图详解

                
                liuyubobobo
            全栈工程师

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

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

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

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

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

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

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

全部评论问答未解决精华

you jump

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

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

2016-08-01

精慕门9879120

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

0 8-1 阴影

2016-07-31

Kongwsh

聪明的同学，，，，，

0 3-2 画一个五角星

2016-07-31

缘分星空

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

0 1-1 继续Canvas绘图之旅

2016-07-31

青科孙宁

大家加油!

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

2016-07-30

精慕门9879120

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

1 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

南飞雁回故乡

真的不错，赞赞

0 2-4 多边形的填充和closePath

2016-07-29

乜燊E子

大家加油!

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

2016-07-28

Xavier0283

老师讲解的很好！希望老师有时间的话在多录制一些视频。这些知识很受用

0 3-4 小结：线条的属性

2016-07-28

laxy

// 限制x，y坐标使得星星不溢出画布
var x=Math.floor(Math.random()*canvas.width);
if (x<R) {
x+=R;
}else if(x>canvas.width-R){
x-=R;
};

var y=Math.floor(Math.random()*canvas.height);
if (y<R) {
y+=R;
}else if(y>canvas.height-R){
y-=R;
};

0 4-1 画一片星空

2016-07-27

慕粉3644491

在哪里下载源码

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

2016-07-26

首页上一页 29 30 31 32 33 34 35 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Canvas绘图详解