为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 Canvas绘图详解 问答

Canvas绘图详解

liuyubobobo 全栈工程师
查看讲师更多课程 liuyubobobo讲师的其他课程
难度中级
时长 4小时35分
学习人数
综合评分9.63
187人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
全部 评论 问答 未解决 精华

111

+ 我来回答 回答最高可+2积分
0 回答 87 浏览 8-5 使用Canvas交互和isPointInPath
2023-10-10

控制点的问题

+ 我来回答 回答最高可+2积分
0 回答 208 浏览 6-2 arcTo()，另一种弧线绘制方法
2023-09-14

控制点的问题

最新回答 / 飘飘20130309
第一个参数是控制点的横坐标，第二个参数是控制点的纵坐标
1 回答 253 浏览 6-2 arcTo()，另一种弧线绘制方法
2023-09-14

为什么我的星星都在一坨？

最赞回答 / slongzhang
<...code...>改成如下即可<...code...>
1 回答 1484 浏览 4-1 画一片星空
2023-03-07

html canvas 绘图实现可拖拽矩形发生偏移

+ 我来回答 回答最高可+2积分
0 回答 350 浏览 9-5 Canvas图形库
2022-12-07

html canvas 绘图实现可拖拽矩形发生偏移

+ 我来回答 回答最高可+2积分
0 回答 255 浏览 9-5 Canvas图形库
2022-12-07

月亮只出来一个弧

最新回答 / weibo_大王小二白胖子_0
dis 方法中的 Math.sqrt 错了function dis (x1, y1, x2, y2) {      return Math.sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2));    }少了个括号把参数包住
1 回答 390 浏览 6-3 绘制一角弯月
2022-09-15

老师，目前主流canvas框架如何来某个区块绑定绑定事件，可以分享下吗？

最新回答 / 慕梦前来
就是看你传的event
1 回答 275 浏览 7-5 小结：文字的渲染
2021-08-14

不太理解为啥y都是负的

最新回答 / 王开琦
因为在浏览器上面，规定了浏览器的左上角是坐标原点，在canvas里面，同样是canvas画布的左上角是坐标原点，你理解为在浏览器里面的操作全部在第四象限就可以了下载视频          
1 回答 696 浏览 3-2 画一个五角星
2021-07-02

fill的时候外面半边圆整个被填充了，怎么才能只填充月亮部分

最赞回答 / 爬动的瓜子
找不到在哪里删除这个评论，已经解决了。在画外圆的时候arc(..., true);逆方向画圆就行了
1 回答 682 浏览 6-3 绘制一角弯月
2021-05-17

ctx.arc

最新回答 / 爬动的瓜子
半圆是因为arc之后的moveTo到的点不是arcTo的起始点，把arcTo的起始点和终止点交换的：第一个就是半圆，第二个就是弯月
1 回答 749 浏览 6-3 绘制一角弯月
2021-01-27

老师，能推荐下相关的书么？

最新回答 / 慕梦前来
Canvas绘图这个就不错呀
1 回答 707 浏览 4-4 深入理解图形变换
2020-12-31

前端图形学---书籍

最新回答 / 慕梦前来
直接上搜索，就可以了，
1 回答 909 浏览 3-2 画一个五角星
2020-09-09

为什么在context.lineCap="xxx" 后面写上 context.closePath() 线帽就不出现了？

最新回答 / zhishikong
closePath()会封闭线段，首尾相连了，lineCap不能用于线段转折处，可以用lineJoin()设置折点圆头。
1 回答 751 浏览 3-1 线条的帽子：lineCap
2020-07-01

这里为什么两个正方形颜色不一样呢，为什么后面的绿色没有遮盖前面的红色呢

最新回答 / qq_恒歆梦点_0
绘图时给两个正方形颜色是不同的，因为进行了位移，两个正方形坐标顶点不一样，不是完全重叠的，所以绿色的正方形不会覆盖红色的正方形
1 回答 824 浏览 4-2 图像变换和状态保存
2020-05-24
首页上一页1234567下一页尾页
开始学习
课程须知
需有基础HTML,JS,CSS知识。需学习《绚丽的倒计时效果》Canvas绘图第一课。
老师告诉你能学到什么？
深入了解Canvas各个绘图接口的使用方法。基础图形学知识。通过对一些基本元素的绘制，启发大家更多有效地绘图方法。

微信扫码，参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消