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

Canvas绘图详解

liuyubobobo 全栈工程师
查看讲师更多课程 liuyubobobo讲师的其他课程
难度中级
时长 4小时35分
学习人数
综合评分9.63
187人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
全部 评论 问答 未解决 精华
一直都在路上
这是不是很酷？
0 6-3 绘制一角弯月
2016-11-04
一直都在路上
大家可以看看这篇文章，写得挺好的http://www.zhangxinxu.com/wordpress/2012/06/css3-transform-matrix-%E7%9F%A9%E9%98%B5/
2 4-4 深入理解图形变换
2016-11-03
一直都在路上
和CSS3 martix相似。
1 4-4 深入理解图形变换
2016-11-03
一直都在路上
绘制任意边的多边形function drawStar(ctx,n,R,r ,x ,y,rot){ -Math.sin((deg/4+i*deg-rot)/180*Math.PI)*R+y);
ctx.lineTo(Math.cos(((deg-deg/4)+i*deg-rot)/180*Math.PI)*r+x,
-Math.sin(((deg-deg/4)+i*deg-rot)/180*Math.PI)*r+y);
}
0 3-2 画一个五角星
2016-11-03
慕斯6381258
老师真666
0 3-2 画一个五角星
2016-11-03
小黍
66666666666
0 9-1 在Canvas中使用其他HTML元素
2016-11-02
熙男
每个角72°
360/5=72°
每两个外圈顶点跟圆心连在一起的角度为72
再用直角90-72=18
又因为72°平分两个一模一样的角度，所以除以2=36°
36°+18°=54°
2 3-2 画一个五角星
2016-11-02
lomin
居然跟我讲数学了。。呜呜。。。。好难受。
2 3-2 画一个五角星
2016-11-01
lomin
rgb()，里面的数值最大不是255？？别骗我。我读书少
2 2-5 矩形、覆盖和透明色
2016-11-01
m慕光
大家加油！
0 9-6 如何使用Canvas处理图像
2016-11-01
hansenwangvip
butt不是屁股的意思吗...
0 3-1 线条的帽子：lineCap
2016-10-31
慕媛
为什么对别人的评论不能评论。
0 7-1 文字渲染基础
2016-10-31
qq_吵死了_0
不太明白canvas的坐标系都是想对什么的坐标系，是相对于自己的还是相对于浏览器或者web的，如何获取鼠标在画布上的位置
3 2-1 回顾——从线条开始
2016-10-30
我要成为前端大姐大
var x=Math.abs(Math.random()*canvas.width-2r)+r;
var y=Math.abs(Math.random()*canvas.height-2r)+r;
这么设置即可都在画布内，看懂的不用赞。
2 4-1 画一片星空
2016-10-29
滴答滴滴答滴
坑太多了！！！宽高设置必须在声明canvas后，否则没效果
1 2-2 画一条直线
2016-10-29
首页上一页18192021222324下一页尾页
开始学习
课程须知
需有基础HTML,JS,CSS知识。需学习《绚丽的倒计时效果》Canvas绘图第一课。
老师告诉你能学到什么？
深入了解Canvas各个绘图接口的使用方法。基础图形学知识。通过对一些基本元素的绘制，启发大家更多有效地绘图方法。

微信扫码，参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

 帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

 公众号

扫描二维码
关注慕课网微信公众号
友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消