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

全部评论问答未解决精华

yanlingdi

唯一不好的地方就是有点不清楚，超清也不清楚，是我电脑的事？

0 3-1 线条的帽子：lineCap

2016-01-09

qq_左手年华_1

设置两线相交的效果时，我的第一个角没有效果，其他角有效果

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

2016-01-09

qq_烟火里的尘埃_0

PS的版本也太老了吧

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

2016-01-08

qq_烟火里的尘埃_0

那个createLinearGradient的四个数要好好琢磨下才能清楚。

0 5-1 线性渐变

2016-01-08

要一个个地写某个值实在有点无奈

最新回答 / _潇潇暮雨

如果嫌麻烦的话可以自己进行封装或者使用别人封装好的库。

2 回答 805 浏览 8-1 阴影

2016-01-07

qq_烟火里的尘埃_0

这不是和css3的matrix()一样吗

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

2016-01-06

为什么代码一样，效果完全不一样呢？

已采纳回答 / 野猫1

我运行了一次，发现你的效果也很酷啊。。。，其实是因为你的drawStar()的函数少写了一行“cxt.beginPath()”。（另外你的drawStar()函数应该放在window.onload外面。）

4 回答 1192 浏览 4-1 画一片星空

2016-01-06

移动端用canvas 主要用rem单位怎么处理这之间的坐标点另外画图画线毛边严重 source-atop没用求回答！！

已采纳回答 / 飞溪流萤

http://segmentfault.com/a/1190000003502824 用最原始的百分比布局就可以：//获取屏幕的宽度var clientWidth = document.documentElement.clientWidth;//根据设计图中的canvas画布的占比进行设置var canvasWidth = Math.floor(clientWidth*200/720);canvas.setAttribute('width',canvasWidth+'px');canvas.setAtt...

3 回答 8219 浏览 6-3 绘制一角弯月

2016-01-05

desmon

波波老师牛逼！

0 8-4 路径方向和剪纸效果

2016-01-04

desmon

波波老师好棒！听过之后记得比较牢了

0 8-2 globalAlpha和globalCompositeOperation

2016-01-04

desmon

迅雷乱入了。。

0 7-3 文本对齐

2016-01-04

多瑞秘法搜啦系多

给老师点赞！！

0 1-1 继续Canvas绘图之旅

2016-01-04

前端小牛

棒棒的，讲的很详细，也很直观。

0 8-1 阴影

2016-01-03

用canvas 划线画圆弧周边毛糙感特严重比如下面的各个扇形的边.. 求解答 3Q

已采纳回答 / 化龙贝

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。作者：邓伟链接：http://www.zhihu.com/question/21482136/answer/18368746来源：知乎context.globalCompositeOperation = 'source-atop';

1 回答 3675 浏览 6-3 绘制一角弯月

2015-12-30