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
                                逻辑清晰

全部评论问答未解决精华

canvas设置了大小但是image没设置大小导致两张图不一样

最新回答 / kelleyq7

图片自适应，父元素宽度用百分比

1 回答 1901 浏览 3-3 建立交互逻辑

2017-06-07

报错了。。。。

最新回答 / kelleyq7

没代码。。。

1 回答 1237 浏览 3-3 建立交互逻辑

2017-06-07

coderwar

请问，如何在自适应的时候让图片全部都显示，而不是只显示居中的一部分呢？

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

2017-06-01

qq_我了个擦擦_0

最好在reset和show开始时就加上clearInterval，，

1 3-4 动画效果

2017-05-30

慕盖茨0531452

这个编程有点6！

2 3-4 动画效果

2017-05-25

qq_月倾倾的思念_0

希望老师继续出canvas的教程,老师讲的很好

2017-05-23

qq_月倾倾的思念_0

给两个事件赋值个两个变量,当点击了一个按钮,另外一个按钮就删除事件,加if语句判断直到执行完毕再开启事件

2017-05-23

qq_落月无痕_0

这个动画这样实现真是个技巧呀，还以为有多复杂呢

0 3-4 动画效果

2017-04-29

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