Canvas绘图详解_技术问答

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

Canvas绘图详解

                
                liuyubobobo
            全栈工程师

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

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

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

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

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

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

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

全部评论问答未解决精华

为什么我加了旋转五角星就跑到黑布外面去了呢？

最新回答 / _潇潇暮雨

不好意思，刚刚没有看清楚你注视了代码，重新答一次。drawstar这个函数的功能是根据指定的上下文在特定的位置绘制特定大小的的星星。根据老师前面的例子，我们最好只是规划出一个基本图形的单位路径。具体的位置变换，旋转，缩放都交给外部进行。出错的原因是在外部你进行了旋转，在内部进行了位移，外部的旋转改变了里面的坐标系。将以上的代码改为如下：<...code...>

3 回答 921 浏览 8-3 clip和剪辑区域

2016-01-13

学习globalCompositeOperation这个属性时,draw()函数中var canvas = cxt.canvas？的问题

已采纳回答 / _潇潇暮雨

头一个canvas是根据getElementById方法得到的，ctx.canvas是得到指定上下文上的canvas元素。在本节中是一个东西。

1 回答 926 浏览 8-2 globalAlpha和globalCompositeOperation

2016-01-13

ispointinpath 移动触屏端可以监测具体点的是画布中画的具体某一个路径中吗怎么判断？

最新回答 / 慕仙0369855

你能不能在具体点，有代码吗

1 回答 837 浏览 8-5 使用Canvas交互和isPointInPath

2016-01-13

createRadialGradient 渐变色

已采纳回答 / 野猫1

在代码的倒数第五行请注意：应该是：context.fillStyle = gradient2;你试试看，

1 回答 1088 浏览 5-2 径向渐变

2016-01-12

在drawRoundRect函数中为什么要translate（x,y)

已采纳回答 / 小尾巴的牛

这个是位移方法啊，将要绘制的图形从坐标（0,0）位移到（x,y）

1 回答 941 浏览 6-1 arc()，圆弧和圆角矩形

2016-01-12

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

最新回答 / _潇潇暮雨

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

2 回答 812 浏览 8-1 阴影

2016-01-07

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

已采纳回答 / 野猫1

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

4 回答 1209 浏览 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 回答 8239 浏览 6-3 绘制一角弯月

2016-01-05

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

已采纳回答 / 化龙贝

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

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

2015-12-30