为了账号安全,请及时绑定邮箱和手机立即绑定
请问,如何在自适应的时候让图片全部都显示,而不是只显示居中的一部分呢?
最好在reset和show开始时就加上clearInterval,,
这个编程有点6!
希望老师继续出canvas的教程,老师讲的很好
给两个事件赋值个两个变量,当点击了一个按钮,另外一个按钮就删除事件,加if语句判断直到执行完毕再开启事件
这个动画这样实现真是个技巧呀,还以为有多复杂呢
web前端博大精深,各种玩法都有,技术越厚,玩得越开心,技术薄弱,只能望而止步!
老师讲的很好,易懂
clipRegion.r = 0;
var clipAnimate = setInterval(function () {
clipRegion.r += 5;
if ( clipRegion.r >= 50 ) {
clipRegion.r = 50;
clearInterval(clipAnimate);
}
initCanvas();
},30);
clipRegion.r先要等于0才行,必须放在clipRegion = {} 这个对象后面
var clipAnimate = setInterval(function () {
clipRegion.r += 5;
if ( clipRegion.r >= 50 ) {
clipRegion.r = 50;
clearInterval(clipAnimate);
}
initCanvas();
},30);
reset函数下面添加这段代码,实现clip区域动画效果
这个BUG应该是在判断点击show之后的剪切圆的半径是否大于设定的大小,若没有执行完show中的判断结果,就会出现这个点击reset也会增大的效果, 是这样的吧???
这是我听过最有意思的了,棒棒的

最新回答 / yaoxtao
换个大些图片。通过css把图片放到中间。
blur.js下载地址给以个呗
课程须知
需掌握canvas的基本用法。建议先学习《炫丽的倒计时效果Canvas绘图与动画基础》,《Canvas绘图详解》与《Canvas玩转图像处理》三门课程中的基础部分。更详细的课程所需基础知识,可参见本课程1-2小节。
老师告诉你能学到什么?
实现中图像模糊,图像展示效果; 深入了解canvas; 完成能同时运行在多端的移动web app。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消