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
                                逻辑清晰

全部评论问答未解决精华

Mr_Qiao93

感谢老师，arcto()功能很强大

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

2016-12-05

慕九州9174593

老师您太棒了，感觉讲的比初级的还详细。顶顶顶！！！！！！！！！

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

2016-12-05

Mr_Qiao93

2048蛮好玩，学完尝试着自己写一个

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

2016-12-05

Mr_Qiao93

大家加油！

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

2016-12-05

霍丶

曲线我还是放一放吧。。

0 6-5 bezierCurveTo()，三次贝塞尔曲线

2016-12-05

霍丶

脑子突然失灵。。。

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

2016-12-04

前端攻城湿

本课程源码 https://github.com/Pearyman/moocDemos/tree/master/imooc/canvas

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

2016-12-04

心有猛虎_细嗅蔷薇

来，再给大家回顾下以前学的数学知识：
1.三角函数的正切函数：tan=对边/邻边
2.两点间的距离公式：|AB|=√[(x1－x2)^2+ (y1－y2)^2] 在这里求的是AC的长（用勾股定理同样可以得到AH²+HC²=AC²）
————————
绘制的整体思路：
先用arc()方法绘制0.5π-1.5π逆时针的半圆；
在用moveTo()方法移动到位置点A（400,100）
再用arcTo()方法创建内弧

9 6-3 绘制一角弯月

2016-12-04

霍丶

。。。。。数学常年三四十分。。。

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

2016-12-03

霍丶

放在数组进行对比太占用资源了不可取！！

0 4-1 画一片星空

2016-12-03

心有猛虎_细嗅蔷薇

“理解transform中matrix()矩阵方法有利于透彻理解CSS3的transform属性，这就与那80%的也会应用但只知表象的人拉开了差距！”80%来源于二八法则(巴莱多定律)，即任何一组东西中，最重要的只占其中一小部分，约20%，其余80%的尽管是多数，却是次要的。
大家加油~

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

2016-12-03

心有猛虎_细嗅蔷薇

给大家推荐一本图灵程序设计的《HTML5程序设计》，里边有一章节具体介绍Canvas API。

0 4-5 小结：星空和图形变换

2016-12-03

霍丶

2x+1/2x=90;
5/2x=90;
x=90/5*2;
x=36;
所以 90 是由两个36 一个18组成的 /滑稽

0 3-2 画一个五角星

2016-12-02

qq_惠明橙空_0

首先老师，你可以把你的图片什么的传上来么，我们没有图片，没有办法做成你的那种效果

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

2016-12-02

qq_惠明橙空_0

老师，你能不能不直接把你的代码粘上么？每次都要暂停下来，再照着你的代码敲，好麻烦，你可以带着一起啊，可以快点啊。

1 5-1 线性渐变

2016-12-02

心有猛虎_细嗅蔷薇

大家加油↖(^ω^)↗ 我们下一节课程将是 ——画一片星空~~~（好期待...）

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

2016-12-01

首页上一页 23 24 25 26 27 28 29 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Canvas绘图详解