Canvas绘图详解_技术问答

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

Canvas绘图详解

                
                liuyubobobo
            全栈工程师

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

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

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

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

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

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

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

全部评论问答未解决精华

qq_4年後_0

酷，实在是酷

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

2015-11-24

六六六六

rotate旋转,translate位移,scale,save,restore

0 4-2 图像变换和状态保存

2015-11-24

qq_4年後_0

线性袋鼠。。早忘了

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

2015-11-24

六六六六

context.lineJoin="bevel/round/miter"

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

2015-11-24

六六六六

context.lineCap="butt(deflaut)/round/squera"

0 3-1 线条的帽子：lineCap

2015-11-24

六六六六

cxt.rect(x,y,width,height);
cxt.fillRect(x,y,width,height);
cxt.strokeRect(x,y,width,height);

2 2-5 矩形、覆盖和透明色

2015-11-24

qq_4年後_0

so easy

0 3-2 画一个五角星

2015-11-24

六六六六

context.fillStyle="yellow";
context.fill();

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

2015-11-24

六六六六

context.beginPath();
context.closePath();

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

2015-11-24

qq_4年後_0

老师，俺又来拉！

0 1-1 继续Canvas绘图之旅

2015-11-23

cynthia娆墨旧染

诶哟不错哦

0 8-3 clip和剪辑区域

2015-11-23

我懒得说什么

赞赞赞

0 7-4 文本的度量

2015-11-20

加入scale之后就绘制不出来了，求助

已采纳回答 / 霞_霞

要么去掉cxt.stroke(); 要么加多一个cxt.strokeStyle = "#c00";因为默认边框的颜色是黑色，跟背景色一样了

2 回答 602 浏览 4-3 应用translate、rotate和scale

2015-11-20

请问：save() 和 beginPath() 他们两组的区别在哪里？

已采纳回答 / 阿辉2

context.beginPath()永远保存（或者说使用）的是当前的绘制样式状态，而context.save()保存的是某个时刻的绘制样式状态（那个时刻由你自己决定）。如果你使用过ps，相当于把某个绘制样式状态保存了一个文件，在你需要的时候调用。而beginpath（）使用的是目前ps面板上的绘制样式状态

3 回答 2843 浏览 4-5 小结：星空和图形变换

2015-11-19

xe001

C点是什么得出来的

0 6-3 绘制一角弯月

2015-11-18

xe001

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

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

2015-11-16

首页上一页 68 69 70 71 72 73 74 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空