Canvas绘图详解_技术问答

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

Canvas绘图详解

                
                liuyubobobo
            全栈工程师

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

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

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

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

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

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

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

全部评论问答未解决精华

这个矩形不是100，100这个点开始画吗？

最新回答 / _Westlife

原因出在了那个 transform的第三个属性上，或许应该找找图形学的资料，计算一下，为什么倾斜会导致偏移了100

1 回答 910 浏览 4-4 深入理解图形变换

2017-03-31

慕雪8847827

高等数学之线性矩阵

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

2017-03-30

qq_囚活_04270631

想问下, ps上的线段变形用的是不是bezier曲线实现的

0 6-6 小结：曲线的绘制

2017-03-28

闻声入眠

老师这里计算正弦的时候不用加负号,因为圆是逆时针画的

1 3-2 画一个五角星

2017-03-28

diviner

很喜欢老师，讲得非常好！！！会接着看完这系列的

2 1-1 继续Canvas绘图之旅

2017-03-28

北魉

66666

0 4-3 应用translate、rotate和scale

2017-03-26

qq_囚活_04270631

在ctx.fill()之后使用ctx.stroke()可以看到两个点的位置(x0,y0)-(x2,y2)

0 6-3 绘制一角弯月

2017-03-25

学不学呢?

已采纳回答 / 田心枫

为了知识坚持学啊

1 回答 1309 浏览 1-1 继续Canvas绘图之旅

2017-03-24

伯格Pro

其实我一直在想为什么那么多常亮, 72 54 18. 从上面那个角开始算的话不用 54 和 18了, 72 和 36 就够了.
ctx.lineTo(Math.cos((72 * i - rot) / 180 * Math.PI) * R + x, -Math.sin((72 * i - rot) / 180 * Math.PI) * R + y)
ctx.lineTo(Math.cos((36 + 72 * i - rot) / 180 * Math.PI) * r + x, -Math.sin((36 + 72 * i - rot) / 180 * Math.PI) * r + y)

1 3-2 画一个五角星

2017-03-24

Peggy7

大家加油！

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

2017-03-24

伯格Pro

想了半天为什么90-72, 哦这个72 是指往里凹进去的那个

0 3-2 画一个五角星

2017-03-24

webstorm怎么添加图片

最赞回答 / 慕码人5236801

在你存放的webstorm 的文件夹下,新建一个专门用来存放图片的文件夹<...图片...>然后再html中写<img src="image/你图片的名字"></img>即可插入

3 回答 11711 浏览 7-1 文字渲染基础

2017-03-22

班大师

老师的思维很缜密，对于老师讲的专业知识我们记住语法就行，或者查查w3c，老师在课程中用到的数学知识或编程思想是经过了好久的编程经验慢慢积累下来的，我们不会是我们之前没有经历过！在老师这确实学到了好多东西，不仅仅是Canvas！

2 8-6 总结：Canvas高级内容

2017-03-19

qq_囚活_04270631

老师讲的非常棒, 和其它老师不同的是不用等着老师敲代码.
棒棒哒.
大家加油

3 5-1 线性渐变

2017-03-18

慕粉18381306454

同学们加油加油！

https://github.com/yyISACoder/CountDownhttps://github.com/yyISACoder/CountDown

这里有倒计时项目的源码，跟老师的不完全一样，有经过自己的改良，解决了一些bug，比如小球一直会跳动，最后不会静止的bug，需要的同学fork下来参考参考吧

3 5-3 使用图片、画布或者video

2017-03-18