为了账号安全,请及时绑定邮箱和手机立即绑定
谢谢老师~~~
老师讲的清楚易懂,点个赞
试着做了,不错
使用Math.random()写一个 随机 两数之间任意数字的方法 ---> random(min,max)
算 极限位置 的时候
画布的 左侧 和 顶部 加上半径 (min),
画布的 右侧 和 底部 减去半径 (max),
就始终在画布内 显示出完整的圆了。
老师教的是思路、原理,我们可以根据自己的需求进行修改,增加难度。
谢谢bobo老师~
谢谢老师~好酷好酷
太酷了。去看老师别的课了。
function initCanvas() {
clearInterval(theAnimation)
clippingRegion = {
x: Math.random() * (canvas.width - 2 * radius) + radius,
y: Math.random() * (canvas.height - 2 * radius) + radius,
r: radius
};
draw(image, clippingRegion); //使用剪辑区域
}
var theAnimation;
关于点完show里面点击reset的bug的解决方法。
在show里面加一个reset点击事件就可以了。
$("#reset-btn").on('click', function () {
clearInterval(e);
})
可以使用canvas.width+canvas.height,这样更接近勾股定理的值
xzdjlu 00 发如雪015211e dexuywo 她a+tumosMVP/额.cned jt2
6
在手机搜狗浏览器上模糊效果没有怎么办?
最后r的限定值过大会有bug 点击reset不能恢复模糊
课程须知
需掌握canvas的基本用法。建议先学习《炫丽的倒计时效果Canvas绘图与动画基础》,《Canvas绘图详解》与《Canvas玩转图像处理》三门课程中的基础部分。更详细的课程所需基础知识,可参见本课程1-2小节。
老师告诉你能学到什么?
实现中图像模糊,图像展示效果; 深入了解canvas; 完成能同时运行在多端的移动web app。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消