本文主要是介绍Canvas图片模糊效果（学习笔记），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
Canvas图片模糊效果学习视频：http://www.imooc.com/learn/601
Demo和学习笔记
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>canvas玩儿转红包照片</title><script type="text/javascript" src="js/jquery.js"></script>
<link href="css/blur.css" rel="stylesheet" type="text/css">
<!-- 手机端适配-->
<meta name="viewport"content="height=device-height,width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <!-- 不允许用户缩放尺寸 -->
</head>
<body><div id="blur-div"><img src="images/image.jpg" id="blur-image"><canvas id="canvas"></canvas><a href="javascr这篇关于Canvas图片模糊效果（学习笔记）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
