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_冷风残月_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

点击reset函数也调用动画的bug处理！

最新回答 / 慕粉_郎朗

可以先定义一个变量存储定时器的状态，代码可以这样写：var state = false;function reset(){ clearInterval(timer); inintCanvas(); state = true;}function show(){ var timer = setInterval(function(){ slippingRegion.r +=20; draw(img,slippingRegion); if (slippingReg...

2 回答 1553 浏览 3-4 动画效果

2017-03-21

save()和restore()方法不能理解

已采纳回答 / qq_______釋然丶_0372247

save() 和 restore() 方法允许你保存和恢复一个 CanvasRenderingContext2D 对象的状态。save() 把当前状态推入到栈中，而 restore() 从栈的顶端弹出最近保存的状态，并且根据这些存储的值来设置当前绘图状态。CanvasRenderingContext2D 对象的所有属性（除了画布的属性是一个常量）都是保存的状态的一部分。变换矩阵和剪切区域也是这个状态的一部分，但是当前路径和当前点并不是。

2 回答 1702 浏览 3-2 绘制图像及使用剪辑区域

2017-03-14

慕粉_昙大妞

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

1 3-4 动画效果

2017-03-10

慕粉_昙大妞

好喜欢老师！大赞

1 3-3 建立交互逻辑

2017-03-10

我的画面还是模糊状态的，这是为什

最新回答 / 霞_霞

应该是没有设置canvas的层级，z-index要比图片的层级高

1 回答 1363 浏览 3-2 绘制图像及使用剪辑区域

2017-03-06

Qin__

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

1 3-4 动画效果

2017-03-03

Qin__

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

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

2017-03-03

梧桐_细雨

还可以建议在显示按钮事件函数中添加一下if(clippingRegion.r>radius){return;}否则多次点击显示按钮就会出现问题呢，避免定时器多次累加出问题，确保在为达到清除定时器条件的时候只有一个定时器在跑

2 3-4 动画效果

2017-02-17

qq_两点一刻_0

老师好棒！

0 4-3 结语

2017-02-08

clip一个五角星区域，然后drawImage始终把五角星右侧覆盖,

已采纳回答 / 奴奴雪人

你的具体代码不清楚，可能是因为你的数据设置问题，五角星的绘制牵扯到一个圆心问题，如果圆心没有translate重置，那么你的圆心就刚还在你设置的clip边缘上面，你可分析的看看，感觉就是圆心的设置问题，最简单的的方法测试就是把你的五角星的尺寸全部*0.5 看看如果显示好了，那么肯定是你的圆心坐标问题，可以看看老师前面的课程，收货真的很大

2 回答 1667 浏览 4-3 结语

2017-01-05

什么都不懂3383476

大家加油！！！！

1 2-3 玩儿转CSS3 filter属性

2017-01-04

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空