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

全部评论问答未解决精华

platan

谢谢老师~好酷好酷

4 2-3 玩儿转CSS3 filter属性

2016-08-03

前面一切正常，但是设置剪辑区域时小圆显示不出来。代码如下，帮看看错了吗？

最新回答 / platan

第60行代码错了你写的是canvas.save()应该是context.save();

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

2016-08-03

逆拂。

太酷了。去看老师别的课了。

1 3-5 思考，扩展

2016-08-02

乱号

function initCanvas() {
clearInterval(theAnimation)
clippingRegion = {
x: Math.random() * (canvas.width - 2 * radius) + radius,
y: Math.random() * (canvas.height - 2 * radius) + radius,
r: radius
};
draw(image, clippingRegion); //使用剪辑区域
}
var theAnimation;

1 3-4 动画效果

2016-07-28

那个blur.js如何写，在哪？

最新回答 / qq_alonebuthapp_0318

网上没有

2 回答 1333 浏览 2-2 模糊效果

2016-07-28

zfx1241

关于点完show里面点击reset的bug的解决方法。
在show里面加一个reset点击事件就可以了。
$("#reset-btn").on('click', function () {
clearInterval(e);
})

0 3-4 动画效果

2016-07-22

zfx1241

可以使用canvas.width+canvas.height，这样更接近勾股定理的值

0 3-4 动画效果

2016-07-21

IamGabriel

xzdjlu 00 发如雪015211e dexuywo 她a+tumosMVP/额.cned jt2
6

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

2016-07-14

下面代码哪里错了，为什么画布中就是不显示图片

最新回答 / 守得云开见月

image.src = "1.jpg";上面这段代码少了文件夹名称。image.src = "images/1.jpg";

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

2016-07-05

殇苡迦箬

在手机搜狗浏览器上模糊效果没有怎么办？

1 4-3 结语

2016-07-02

殇苡迦箬

最后r的限定值过大会有bug 点击reset不能恢复模糊

1 3-5 思考，扩展

2016-06-30

canvas图片

最新回答 / 慕粉3544292

image.onload 处理函数里这样设置： img.width = canvasWidth; img.height = canvasHeight; 然后在画布画图的时候，给drawImage传入更多的参数可以解决。你试一下。context.drawImage(img, 0, 0, img.width, img.height);

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

2016-06-30

萌萌学前端

老师每节课讲完都说一句：大家加油！感觉好贴心！

8 3-1 使用canvas

2016-06-29

萌萌学前端

谢谢老师，讲的很好！

0 2-3 玩儿转CSS3 filter属性

2016-06-29

XMuXiJ

对照着老师的视频敲了一遍，运行效果非常的炫，在这里非常感谢老师辛苦的付出。
最后发现个小bug：就是在点击show按钮的时候，如果动画还没结束的时候，紧接着点击Reset按钮，这时的效果变成了show按钮的效果，而且就是不停的点击reset按钮，还是show的效果，只有等动画结束了，再点击reset按钮的时候才有效。
我改了一下，解决了问题，不知道对不对：将动画变量放在函数的外面 var theAnimation; 而且在reset()函数开始的位置执行一下clearInterval(theAnimation);

5 4-3 结语

2016-06-25

首页上一页 6 7 8 9 10 11 12 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空