为了账号安全,请及时绑定邮箱和手机立即绑定
超喜欢这位老师的,之前的课也都听过,棒棒哒
放大后有偏移的,可以把
$("#blur-image").css("left","-"+leftMargin+"px");
$("#blur-image").css("top","-"+topMargin+"px");
改成
$("#blur-image").css("left",-leftMargin+"px");
$("#blur-image").css("top",-topMargin+"px");
老师,你怎么这么屌,简直是我的偶像

最新回答 / 慕粉_郎朗
可以先定义一个变量存储定时器的状态,代码可以这样写:var state = false;function reset(){    clearInterval(timer);    inintCanvas();    state = true;}function show(){    var timer = setInterval(function(){        slippingRegion.r +=20;    draw(img,slippingRegion);    if (slippingReg...

已采纳回答 / qq_______釋然丶_0372247
save() 和 restore() 方法允许你保存和恢复一个 CanvasRenderingContext2D 对象的状态。save() 把当前状态推入到栈中,而 restore() 从栈的顶端弹出最近保存的状态,并且根据这些存储的值来设置当前绘图状态。CanvasRenderingContext2D 对象的所有属性(除了画布的属性是一个常量)都是保存的状态的一部分。变换矩阵和剪切区域也是这个状态的一部分,但是当前路径和当前点并不是。
是的,灰常的酷!加油↖(^ω^)↗
好喜欢老师!大赞

最新回答 / 霞_霞
应该是没有设置canvas的层级,z-index要比图片的层级高
@小暴脾气 可以每次点击reset时加一个clearInterval
强迫症看到不写分号好难受。~~~~(>_<)~~~~
还可以建议在显示按钮事件函数中添加一下if(clippingRegion.r>radius){return;}否则多次点击显示按钮就会出现问题呢,避免定时器多次累加出问题,确保在为达到清除定时器条件的时候只有一个定时器在跑
老师好棒!

已采纳回答 / 奴奴雪人
你的具体代码不清楚 ,可能是因为你的数据设置问题,五角星的绘制牵扯到一个圆心问题,如果圆心没有translate重置,那么你的圆心就刚还在你设置的clip边缘上面,你可分析的看看,感觉就是圆心的设置问题,最简单的的方法测试就是把你的五角星的尺寸全部*0.5 看看如果显示好了,那么肯定是你的圆心坐标问题,可以看看老师前面的课程,收货真的很大
大家加油!!!!
我觉得把theAnimation定义为全局变量,再在reset中加个clearInterval(t);就可以了^o^
课程须知
需掌握canvas的基本用法。建议先学习《炫丽的倒计时效果Canvas绘图与动画基础》,《Canvas绘图详解》与《Canvas玩转图像处理》三门课程中的基础部分。更详细的课程所需基础知识,可参见本课程1-2小节。
老师告诉你能学到什么?
实现中图像模糊,图像展示效果; 深入了解canvas; 完成能同时运行在多端的移动web app。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消