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

最热最新

pinzaghi 01:38

bevel斜接，表示接壤处为平的，没有尖角

查看全部

0 采集收起来源：线条的连接：lineJoin和miterLimit
2019-12-03
pinzaghi 00:38

lineJoin表示线条连接处的情况
miter表示尖角
bevel表示斜接
round表示圆角

查看全部

0 采集收起来源：线条的连接：lineJoin和miterLimit
2019-12-03
pinzaghi 12:56

许多图形的绘制可以基于圆形来找到基准位置

查看全部

0 采集收起来源：画一个五角星
2019-12-03
pinzaghi 04:55

建议使用closePath来封闭多边形

查看全部

0 采集收起来源：线条的帽子：lineCap
2019-12-03
pinzaghi 02:56

round和square为圆角头和方角头，butt没有线段头

查看全部

0 采集收起来源：线条的帽子：lineCap
2019-12-03
pinzaghi 01:09

rect函数可以绘制矩形，传入左上角坐标和宽高

查看全部

0 采集收起来源：矩形、覆盖和透明色
2019-12-03
pinzaghi 04:26

先填充再描边，边的宽度可以覆盖填充

查看全部

0 采集收起来源：多边形的填充和closePath
2019-12-03
pinzaghi 04:00

当边框为10个像素时，填充色会填充内部的5个像素

查看全部

0 采集收起来源：多边形的填充和closePath
2019-12-03
pinzaghi 01:42

closePath表示封闭一个多边形

查看全部

0 采集收起来源：多边形的填充和closePath
2019-12-03
pinzaghi 09:09

beginPath与lineTo的结合相当于moveTo

查看全部

0 采集收起来源：线条组成的图形和beginPath
2019-12-03
pinzaghi 05:35

beginPath表示开始新的路径绘制

查看全部

0 采集收起来源：线条组成的图形和beginPath
2019-12-03
pinzaghi 01:39

moveTo是将笔尖移动（不绘制），lineTo直接画线过去

查看全部

0 采集收起来源：线条组成的图形和beginPath
2019-12-03
pinzaghi 04:16

moveTo表示画笔开始的位置
lineTo表示画笔画到哪里
lineWidth表示线条的粗细
stokeStyle表示线条的样式
stroke表示实际的绘制行为

查看全部

0 采集收起来源：回顾——从线条开始
2019-12-03
格心派 03:51

五角星顶点坐标计算

查看全部

0 采集收起来源：画一个五角星
2019-11-28
慕瓜0079440 00:55

8-6 总结：Canvas高级内容

查看全部

0 采集收起来源：总结：Canvas高级内容
2019-10-02

首页上一页 8 9 10 11 12 13 14 下一页尾页

0/150

提交

取消

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Canvas绘图详解