Canvas绘图详解_技术问答

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

Canvas绘图详解

                
                liuyubobobo
            全栈工程师

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

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

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

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

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

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

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

全部评论问答未解决精华

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

最赞回答 / 前端小蜗牛_

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

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

2017-07-20

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

最新回答 / testname

fillRect

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

2017-07-20

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

最新回答 / 慕仰0443758

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

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

2017-07-14

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

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

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

2 回答 1500 浏览 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 回答 1097 浏览 7-1 文字渲染基础

2017-06-21

canvas

最新回答 / 慕仰0424499

你有设置字什么字体吗

1 回答 1294 浏览 7-5 小结：文字的渲染

2017-06-12

使用函数时就不出现运行结果了

最新回答 / Ashley3386148

是不是参数传的不对？？比方说context，canvas，cxt参数。再找找，多比较一下

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

2017-06-02

没有上传代码吗？

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

0 回答 773 浏览

2017-05-29

老师你好，我有一个问题求教

最新回答 / 等她下班

这个我换了，没有效果<...图片...>

5 回答 1391 浏览 5-2 径向渐变

2017-05-28

如果要画两个或多个canvas怎么办呢

最新回答 / 小吵小闹1217

给多个canvas标签，每个canvas给不同的id，根据id得到不同的canvas进行操作，我觉得是这样

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

2017-05-23

老师是什么编译器

最新回答 / qq_纵横_8

webstorm

1 回答 848 浏览 7-2 font：字型、字号和字体

2017-05-23

变速还能用吗

最新回答 / 慕瓜5189485

不能用

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

2017-04-29

程序感觉没错，就是出不来矩形

最新回答 / pencil115

应该这样：function drawRect(cxt,x,y,width,height,borderWidth,borderColor,fillColor){cxt.beginPath();cxt.moveTo(x,y);cxt.lineTo(x+width,y);cxt.lineTo(x+width,y+height);cxt.lineTo(x,y+height);cxt.closePath();cxt.lineWidth = borderWidth;cxt.fillStyle = fillColor;...

3 回答 1087 浏览 2-5 矩形、覆盖和透明色

2017-04-07