为了账号安全,请及时绑定邮箱和手机立即绑定

已采纳回答 / Dandis
cxt.closePath();context.lineWidth=3;context.strokeStyle='#fb5';context.fillStyle='#fb3';context.fill();还有这里的context应该是cxt

已采纳回答 / 问天012
如果不加radius就是在0到canvas.width - 2 * radius中间取值,你可以画图看看,需要的应该是radius到canvas.width - radius之间的值,所以要减去radius。另外小球运动范围在老师的另一个课程倒计时里面有提到一部分,大致是if判断小球横(纵)坐标加(减)半径是否小于canvas。width……等等……。画个图就很好理解了

已采纳回答 / weibo_怎能用真名_0
你的写法:c.font="blod 100 Arial"正确写法:c.font="bold 100px Arial";

已采纳回答 / willerfu
首先需要指出innerText 是不符合w3c标准的,只能在IE下使用,所以编码中尽量少使用,而innerTHML是符合的。但是两者是有区别的,具体可以参考百度。如果需要在其他浏览器下使用innerText需要添加判断处理。另外就是js 里面 this.text是可以获取一个a标签的内容。<...code...>演示代码可以成功弹出 a标签的内容。

已采纳回答 / duying
Math.sqrt()是返回数字的平方根,所以把22行的代码改成  return Math.sqrt((x1-x2)*(x1-x2)+(y1-y2)*(y1-y2));即可。建议你去查下两点间距离公式

已采纳回答 / _潇潇暮雨
头一个canvas是根据getElementById方法得到的,ctx.canvas是得到指定上下文上的canvas元素。在本节中是一个东西。

已采纳回答 / 野猫1
在代码的倒数第五行请注意:应该是:context.fillStyle = gradient2;你试试看,

已采纳回答 / 小尾巴的牛
这个是位移方法啊,将要绘制的图形从坐标(0,0)位移到(x,y)

已采纳回答 / 野猫1
我运行了一次,发现你的效果也很酷啊。。。,其实是因为你的drawStar()的函数少写了一行“cxt.beginPath()”。(另外你的drawStar()函数应该放在window.onload外面。)

已采纳回答 / 飞溪流萤
http://segmentfault.com/a/1190000003502824 用最原始的百分比布局就可以://获取屏幕的宽度var  clientWidth = document.documentElement.clientWidth;//根据设计图中的canvas画布的占比进行设置var canvasWidth = Math.floor(clientWidth*200/720);canvas.setAttribute('width',canvasWidth+'px');canvas.setAtt...

已采纳回答 / 化龙贝
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。作者:邓伟链接:http://www.zhihu.com/question/21482136/answer/18368746来源:知乎context.globalCompositeOperation = 'source-atop';

已采纳回答 / 阿辉2
 context.beginPath()永远保存(或者说使用)的是当前的绘制样式状态,而context.save()保存的是某个时刻的绘制样式状态(那个时刻由你自己决定)。如果你使用过ps,相当于把某个绘制样式状态保存了一个文件,在你需要的时候调用。而beginpath()使用的是目前ps面板上的绘制样式状态

已采纳回答 / 李晓健
random()返回的是一个大于或等于 0 但小于 1 数字 是正确的,不可以等于1的,取值范围是[0,1)

已采纳回答 / 子木李
chrome浏览器支持在js中打断点,然后就可以调试了,比如在canvas上获取坐标位置,可以打断点,来暂定下来查看程序流程是否正确,或者使用console.log将信息输出到控制台,查看信息是否正确
课程须知
需有基础HTML,JS,CSS知识。需学习《绚丽的倒计时效果》Canvas绘图第一课。
老师告诉你能学到什么?
深入了解Canvas各个绘图接口的使用方法。基础图形学知识。通过对一些基本元素的绘制,启发大家更多有效地绘图方法。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消