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

全部评论问答未解决精华

为什么我五角星出不来？检查了好多遍了

最新回答 / 伟大的猫王

你没有stroke()啊,fill()也没有，两者至少留一个。

2 回答 1226 浏览 3-2 画一个五角星

2017-09-18

canvas的阴影绘制原理，老师讲错了

+ 我来回答回答最高可+2积分

4 回答 1423 浏览 8-1 阴影

2017-08-25

手机浏览器显示小球颜色

已采纳回答 / Dva_Come_to_web

<...code...>

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

2017-08-19

我的代码不知道是什么问题

最新回答 / 番茄是我2

把对上边界的控制条件改成ball.y <= 0 时执行里面的内容，因为的你的竖直速度太小，进入这个条件时加量太小，一直会进入这个条件，所以小球会在上面下不来，逃逸不出来

1 回答 1120 浏览 3-2 画一个五角星

2017-08-11

能帮我看下那出错了吗？想做出globalCompositeOperation的demo的效果做不出来

最新回答 / 慕侠0545598

两个VX。。。

1 回答 967 浏览

2017-08-04

绘制六边形的时候不用通过moveTo设置起始点吗？”

最新回答 / Elias丿纯黑

一看就没仔细听上节课。。。。老师都说了，ctx.beginPath()和ctx.lineTo()组合起来可以当作ctx.moveTo()来用。

2 回答 1168 浏览 3-2 画一个五角星

2017-07-31

画布会缓存吗？是否只有clearRect能清除画布？

最新回答 / 船长杰98

不行的，因为重画效率也很高

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

2017-07-22

附上一个demo，我想要让文字浮上来，探照灯部分高亮，大神给我一点思路吧！！

最新回答 / Dva_Come_to_web

不太清楚你到底想要什么效果，看看这个行不行吧<...code...>

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

2017-07-21

代码优化部分加了scale填充的颜色就没了？

最赞回答 / 前端小蜗牛_

好吧，自问自答，也是坑了。scale把边框也给放大了，把填充色给覆盖了...

1 回答 1196 浏览 4-3 应用translate、rotate和scale

2017-07-20

我就纳闷了，没有stroke(），怎么绘制出来的？？

最新回答 / testname

fillRect

2 回答 1206 浏览 4-2 图像变换和状态保存

2017-07-20

好奇怪啊，试了好久还是没法画出来啊

最新回答 / 慕仰0443758

context.lineTo()=(Math.cos((18+i*72)/180*Math.PI)300+400这里300前面少了*

1 回答 992 浏览 3-2 画一个五角星

2017-07-14

为什么和老师的代码一样却画不出星星，经测试将drawStar()里面的x，y写成确定的数值可以画出星星

最新回答 / qq_请输入匿称_0

我发现问题了，29行和31行将400改成y即可，这里忘了修改了。

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

2017-06-25

//可以使用径向渐变，如使用线性渐变类似。关键就是径向渐变的坐标掌控。//我这坐标瞎写的，文字使用径向渐变有效果，但不明显。下面是代码var grd=context.createRadialGradient(400,100,50,400,100,100); grd.addColorStop(0.0,'red'); grd.addColorStop(1.0,'green'); context.fillStyle=grd; context.fillText('Hello World',200,200)...

1 回答 1034 浏览 7-1 文字渲染基础

2017-06-21