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

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

Canvas玩儿转红包照片

                
                liuyubobobo
            全栈工程师

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

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

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

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

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

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

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

全部评论问答未解决精华

舒米勒1208

bug修改：给半径归位
function show(img,clippingRegion){
clippingRegion.r=radius;
var theAnimation= setInterval(function(){//点击show展示清晰动画
clippingRegion.r+=20;
if(clippingRegion.r>1000){
clearInterval(theAnimation);
}
draw(img,clippingRegion);
},30)
}

1 3-4 动画效果

2016-02-25

前端笨鸟

貌似这个会有一个BUG 点完show后立即点击 reset 不会归位。要show的定时器结束后在点击就不会了。

14 3-5 思考，扩展

2016-02-25

舒米勒1208

filter:blur(5px);模糊

1 2-3 玩儿转CSS3 filter属性

2016-02-24

qq_新雨惜晨_0

老师你太时尚了，这功能刚出来，你就出课程了。

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

2016-02-23

老虎大象

毫不吝啬的夸奖，老师讲的简单粗暴易懂。感觉爱上老师了。

0 3-5 思考，扩展

2016-02-22

慕斯7424271

代码，，，

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

2016-02-21

慕莱坞2763063

点完show以后，再点reset还是出现动画效果不能直接回到剪切部分的状态，要点两次show才能回去，这个怎么才能解决嘞？

1 3-4 动画效果

2016-02-21

Ellali

哇，好酷~~~~

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

2016-02-19

fengyang

http://pan.baidu.com/s/1kTR8OvH

2016-02-19

Jone_Chen

代码确实有BUG

0 3-4 动画效果

2016-02-18

A38

靠，哈哈哈哈~

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

2016-02-17

__Zhang

同事left和top值也得改

0 4-3 结语

2016-02-17

__Zhang

下面的模糊依然存在，直接canvas改为div, div设成小圆，小圆引入图片，设为背景，每次随机出来X和Y，然后通过background-position改变背景图的位置

0 4-3 结语

2016-02-17

__Zhang

自己写代码~

1 4-2 两个小问题

2016-02-17

__Zhang

讲的超级赞

0 3-4 动画效果

2016-02-17

首页上一页 8 9 10 11 12 13 14 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Canvas玩儿转红包照片