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

全部评论问答未解决精华

beryl20120308

老师真牛！！！

0 3-3 建立交互逻辑

2016-11-08

nc1199

放大后图片和canvas不再一个位置的原因是因为之前的canvas设置的宽高为固定的800*600，所以要解决偏移的问题也就2点。1、判断：当window.innerWidth < 992 的时候，设置blur-div和blur-image的宽高为800*600，同时将canvasWidth和canvasHeight也设置为800、600。2、判断：当window.innerWidth < 992 的时候，context.drawImage（image，0，0，800，600）；不过这个时候还要注意initCanvas和show这两个函数对于drawImage在Width<992时的关系

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

2016-11-07

小小的坏3405753

解决bug：
在reset方法里加一个条件限制一下就ok了
function reset() {
if(clippingRegion.r>1000||clippingRegion.r==radius){
initCanvas();
}
}

0 3-4 动画效果

2016-10-31

你若活得精彩上天自有安排

不错不错，赞

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

2016-10-29

一直都在路上

老师canvas的图片只设置宽和高不会使图片缩放怎么办？

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

2016-10-26

qq_黑桃丶K_0

1房3人333

0 3-1 使用canvas

2016-10-26

qq_黑桃丶K_0

show未定义？怎么回事

1 3-3 建立交互逻辑

2016-10-26

一直都在路上

感觉有点炸

0 4-2 两个小问题

2016-10-26

qq_黑桃丶K_0

js没有调用老师为什么能有变化

0 3-1 使用canvas

2016-10-25

慕尼黑5311549

对角线也不行，移动端还是有问题==。

0 3-4 动画效果

2016-10-19

慕尼黑5311549

有偏移量是因为图片的宽或高小于Canvas的宽或高，老师代码变量取反写错了（没有考虑到topMargin可能是负数），数值类型前面直接加负号即可，可比较：
alert(-topMargin);alert("-"+topMargin);

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

2016-10-19

慕粉3584185

老师，考虑一下去讲SVG不？强烈建议！！！！！！！！！

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

2016-10-19

慕尼黑5311549

关于bug：那就直接使用对角线啊

0 3-4 动画效果

2016-10-19

悲秋娱

https://sunnyly1023.github.io/demo-canvas1/
最有一章还要多啃几遍呀。

3 4-2 两个小问题

2016-10-13

dooliu

这一系列课程非常棒，，不过这节课程其实已经没有canvas的新功能了，，只是讲解了一下css中的filter，，综合评价9.9

2016-10-08

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

Canvas玩儿转红包照片