Canvas玩儿转红包照片_技术问答

首页免费课 Canvas玩儿转红包照片问答

Canvas玩儿转红包照片

                
                liuyubobobo
            全栈工程师

                    查看讲师更多课程 
                    liuyubobobo讲师的其他课程
                
算法与数据结构（C++版） 面试/评级的算法复习技能包
实战·初级·11186

                                                                                                                                    ￥166.00
                                            
玩转算法面试-- Leetcode真题分门别类讲解
实战·初级·7408

                                                                                                                                    ￥266.00
                                            
 7个经典应用诠释Java算法精髓
实战·初级·1883

                                                                                                                                    ￥69.00
                                            
Python3入门机器学习&nbsp;经典算法与应用&nbsp;&nbsp;
实战·中级·5840

                                                                                                                                    ￥499.00
                                            
结合编程学数学 专为程序员设计的线性代数
实战·初级·3404

                                                                                                                                    ￥348.00
                                            
玩转算法系列--图论精讲（Java版）
实战·中级·1591

                                                                                                                                    ￥348.00
                                            
                难度中级
            
                时长 1小时17分
            
                学习人数
            
综合评分9.53
                            94人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

qq_落月无痕_0

web前端博大精深，各种玩法都有，技术越厚，玩得越开心，技术薄弱，只能望而止步！

4 1-1 开始用canvas玩儿转红包照片吧！

2017-04-28

qq_YUG_0

老师讲的很好，易懂

0 4-3 结语

2017-04-25

qq_野草

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 = {} 这个对象后面

1 3-5 思考，扩展

2017-04-22

qq_野草

var clipAnimate = setInterval(function () {
clipRegion.r += 5;
if ( clipRegion.r >= 50 ) {
clipRegion.r = 50;
clearInterval(clipAnimate);
}
initCanvas();
},30);
reset函数下面添加这段代码，实现clip区域动画效果

1 3-5 思考，扩展

2017-04-22

骑着蜗牛play

这个BUG应该是在判断点击show之后的剪切圆的半径是否大于设定的大小，若没有执行完show中的判断结果，就会出现这个点击reset也会增大的效果，是这样的吧？？？

1 3-5 思考，扩展

2017-04-14

骑着蜗牛play

这是我听过最有意思的了，棒棒的

0 3-3 建立交互逻辑

2017-04-14

qq_冷风残月_03178422

blur.js下载地址给以个呗

0 3-1 使用canvas

2017-04-12

贝克汉姆的23号

讲得超棒，喜欢

0 4-1 适应移动端屏幕尺寸

2017-04-11

weibo_琴上琴聲紙上聽_03302885

超喜欢这位老师的，之前的课也都听过，棒棒哒

3 3-3 建立交互逻辑

2017-04-11

心海云端

放大后有偏移的，可以把
$("#blur-image").css("left","-"+leftMargin+"px");
$("#blur-image").css("top","-"+topMargin+"px");
改成
$("#blur-image").css("left",-leftMargin+"px");
$("#blur-image").css("top",-topMargin+"px");

0 4-1 适应移动端屏幕尺寸

2017-04-07

_爱健身的码农_03883871

老师，你怎么这么屌，简直是我的偶像

3 1-1 开始用canvas玩儿转红包照片吧！

2017-04-05

慕粉_昙大妞

是的，灰常的酷！加油↖(^ω^)↗

1 3-4 动画效果

2017-03-10

慕粉_昙大妞

好喜欢老师！大赞

1 3-3 建立交互逻辑

2017-03-10

Qin__

@小暴脾气可以每次点击reset时加一个clearInterval

1 3-4 动画效果

2017-03-03

Qin__

强迫症看到不写分号好难受。~~~~(>_<)~~~~

4 3-2 绘制图像及使用剪辑区域

2017-03-03

首页上一页 1 2 3 4 5 6 7 下一页尾页

开始学习

课程须知: 需掌握canvas的基本用法。建议先学习《炫丽的倒计时效果Canvas绘图与动画基础》,《Canvas绘图详解》与《Canvas玩转图像处理》三门课程中的基础部分。更详细的课程所需基础知识，可参见本课程1-2小节。

老师告诉你能学到什么？: 实现中图像模糊，图像展示效果；深入了解canvas；完成能同时运行在多端的移动web app。

微信扫码，参与3人拼团

热搜

最近搜索清空

Canvas玩儿转红包照片