一、学习背景与效果

前些天翻大神blog，看到了张鑫旭大神写的一篇 ，深受启发。详细了研究了一下烟雾效果的代码，效果如下： 。（!-- 去掉了原文中的背景图 --!）

效果图：

代码如下： 

<!DOCTYPE html><html><head><title>canvas实现的烟雾缭绕效果</title><style>.smoke{
      height:500px;
      background:#fff;
      background-size: cover;
      position: relative;
    }.smokecanvas{
      height:100%;
      width:100%;
    }</style></head><body><divid="main"><h1>canvas实现的烟雾缭绕效果实例页面</h1>