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

全部评论问答未解决精华

慕粉3637657

老师讲的真好，大家加油

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

2016-09-28

微积分2016

transform(a,b,c,d,e,f) 水平缩放、水平倾斜、垂直倾斜、垂直缩放、水平位移、垂直位移
setTransform(a,b,c,d,e,f) 重置图形变换

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

2016-09-27

微积分2016

transform(a,b,c,d,e,f) 水平缩放、水平倾斜、垂直倾斜、垂直缩放、水平位移、垂直位移
setTransform(a,c,d,e,f) 重置图形变换

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

2016-09-27

微积分2016

单位矩阵、、。。、、、、、

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

2016-09-27

微积分2016

scale() 把边框、位移放大了

0 4-3 应用translate、rotate和scale

2016-09-27

草帽小子yu

老师讲的真心不错

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

2016-09-27

慕仔9291062

加油大家......

0 8-1 阴影

2016-09-27

慕粉3637657

大家加油！！！

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

2016-09-27

微积分2016

lineWidth
lineCap="butt|round|square"
lineJoin="mitter|bevel|round"
miterLimit=10

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

2016-09-26

微积分2016

w3c
描述

当一个路径包含了线段或曲线相交的交点的时候，lineJoin 属性说明如何绘制这些交点。只有当绘制具有宽度的线条的时候，这一属性的效果才能表现出来。

这一属性的默认值是 "miter"，它说明了两条线段的外边缘一直扩展到它们相交。当两条线段以一个锐角相交，斜角连接可能变得很长。miterLimit 属性为一个斜面的长度设置了上限。超过这一限制，斜面就变成斜角了。

值 "round" 说明定点的外边缘应该和一个填充的弧接合，这个弧的直径等于线段的宽度。"bevel" 值说明顶点的外边缘应该和一个填充的三角形相交。

1 3-3 线条的连接：lineJoin和miterLimit

2016-09-26

微积分2016

lineJoin="miter|bevelround"
当设置了miter属性时，（默认miterLimit=10）如果线条斜面长度超过了10，就按照bevel形式显示

1 3-3 线条的连接：lineJoin和miterLimit

2016-09-26

微积分2016

我写错了
360/5=72
72/2=36
90-36=54
36/2=18

1 3-2 画一个五角星

2016-09-26

微积分2016

360/5=72
90-72=18
72-18=54

1 3-2 画一个五角星

2016-09-26

微积分2016

ctx.lineCap="butt|round|square";

1 3-1 线条的帽子：lineCap

2016-09-26

微积分2016

ctx.closePath();
ctx.stroke();
顺序不能反，一写反，就出错

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

2016-09-26

微积分2016

基于状态绘制

3 2-3 线条组成的图形和beginPath

2016-09-26

首页上一页 33 34 35 36 37 38 39 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Canvas绘图详解