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

全部评论问答未解决精华

为什么我五角星只有两个,找了一个小时,感觉和老师的代码写的一摸一样啊,实在找不出来问题了

最新回答 / 画心poison

我按照你的代码写出来并没有问题啊，是完整的五角星，你找找别的原因吧?<...图片...><...图片...>

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

2019-05-27

arcTo()中没有x0，y0，起始点的坐标是怎么得到的？

已采纳回答 / 佐吉

之前再写个cxt.moveTo(x,y); x y就是起始坐标

1 回答 1146 浏览 6-2 arcTo()，另一种弧线绘制方法

2019-03-25

星星出不来？

最新回答 / qq_慕数据1222313

解决了

1 回答 948 浏览 5-3 使用图片、画布或者video

2019-03-14

请问剪辑区域可以设置动画吗

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

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

2019-01-17

如果真的自己要绘制一个图形具体坐标是很难得到的

最新回答 / happinesslw

ps 设计稿中就好

1 回答 964 浏览 2-3 线条组成的图形和beginPath

2018-12-12

渲染字体时的坐标问题

最新回答 / 大猫君

已解决ctx.textBaseline="top";

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

2018-12-11

为什么星星固定在左上角了？

最新回答 / 啊B

你函数参数值没对应起来具体就是以下两行代码<...code...>没有一一对应啊，你把r/2.0当成x传给了 drawStart 不知道能不能理解

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

2018-11-30

平铺五角星

最新回答 / 梅如雪

可以，但要有足够的数学知识

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

2018-11-27

不是应该用 cxt.beginPath();和cxt.close();更合适？cxt.save不是应用在图像变换上？

已采纳回答 / 元鱼

如果不涉及到图形变换（旋转、缩放、倾斜）可以不适用save，begin和close是路径的开始和闭合多数适用在线段，弧线等场景

1 回答 1170 浏览 7-3 文本对齐

2018-10-09

老师讲解错了吧？

最新回答 / 23568

[10，20) 说最大值为20也无所谓吧………这种事情也需要纠结吗……… 别太较真…………

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

2018-10-09

哪位大佬指点一下，如何让星星随机放置的时候，不出现画布边缘外面。

已采纳回答 / 对酌

有必要这么复杂么，直接控制x,y的值在正常显示范围内不就好了，可以根据大圆大R来计算x，y具体的范围值，比如x的范围值是 0+R 到 canvas.width-R，y值的范围也根据这个算出来就可以了，具体部分代码是：<...code...>

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

2018-08-26

对源代码修改：function drawStar(cxt,r,R,x,y,color,rot, lineWidth){cxt.clearRect(0,0,800,800);// <-------------------------在这里清除画布cxt.beginPath(); for (let i = 0; i < 5; i++) { cxt.lineTo(Math.cos((18 + i * 72- rot) / 180 * Math.PI) * R + x, ...

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

2018-08-23