本文主要是介绍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图片模糊效果(学习笔记)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!