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

Canvas绘图详解

liuyubobobo 全栈工程师
查看讲师更多课程 liuyubobobo讲师的其他课程
难度中级
时长 4小时35分
学习人数
综合评分9.63
187人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
全部 评论 问答 未解决 精华
shinefly170
为什么是-Math.sin（（54+i*72）/180*Math.PI）*0.5）而不是-Math.sin（（54+i*72）/180*Math.PI）*0.5 求指教
0
2016-06-22
Rico233
从此记住了一个颜色#005588，哈哈
0 3-1 线条的帽子：lineCap
2016-06-21
MrXs
大家加油！
0 7-2 font：字型、字号和字体
2016-06-21

我的canvas画星空的问题出现在哪里？

+ 我来回答 回答最高可+2积分
0 回答 911 浏览
2016-06-20
爱读书的Iceberg
这不是看到这个就想起来R星
0 4-1 画一片星空
2016-06-20
饼bing
360/5=72 90-72=18
4 3-2 画一个五角星
2016-06-20
饼bing
老师我就是那个笨笨的同学( ^_^ )
3 3-2 画一个五角星
2016-06-20
CoolHuan
var x=Math.abs(Math.random()*canvas.width-40)+20;
var y=Math.abs(Math.random()*canvas.height-40)+20;
这么设置即可都在画布内，看懂的赞。
23 4-1 画一片星空
2016-06-17
CoolHuan
老师描述很清晰，引导性比较强，能学到东西。很nice
0 1-1 继续Canvas绘图之旅
2016-06-16
芝麻糊要研磨
var x=Math.random()*760+20;var y=Math.random()*760+20;for循环用这两个限制星星的x和y偏移量，就不会跑出画布了
0 4-1 画一片星空
2016-06-16
田小雨
我照做了，可是webstorm里面还是不提示自己创建的canvas函数，但是写完之后还是能实现功能，可是为什么不提示呢，是webstorm提示插件没有装全吗？
0 9-3 扩展Canvas的context
2016-06-16

xor的问题

已采纳回答 / 田小雨
我也试了一下你说的这种情况，确实冲突了，但是globalCompositeOperation本身就是定义源图形和目标图形的遮挡效果的，而如果设置了globalAlpha让图形都变成透明，目标图形和源图形就产生了叠加效果，二者冲突也能理解。
1 回答 934 浏览 8-2 globalAlpha和globalCompositeOperation
2016-06-14
饼bing
终于实现了再也不药靠父母接济才能活命了再也不药看别人脸色了
8 2-4 多边形的填充和closePath
2016-06-14

我的为什么效果没有星星呢==明明和老师的差不多，到底哪里出错鸟==

已采纳回答 / Arya丶
x y那有问题
3 回答 1263 浏览 4-1 画一片星空
2016-06-12
jessezwd
大家加油！
0 8-1 阴影
2016-06-11
冷冻
这个例子的边框并非不能使用图形转化，问题在于你是否在恰当的时机将状态保存恢复…
1 4-3 应用translate、rotate和scale
2016-06-11
首页上一页45464748495051下一页尾页
开始学习
课程须知
需有基础HTML,JS,CSS知识。需学习《绚丽的倒计时效果》Canvas绘图第一课。
老师告诉你能学到什么？
深入了解Canvas各个绘图接口的使用方法。基础图形学知识。通过对一些基本元素的绘制，启发大家更多有效地绘图方法。

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消