Canvas编程练习：20几行js代码实现雷达扫描动画效果

灵感源于一不小心挖了一个陈年老贴etherdream发的《【分享】魔兽技能冷却效果（希望能有更好的思路）》的坟，看他的代码太长（约200行），于是自己动手写了一个，也就20多行代码，效果也还不错，点这里看DEMO(1)。

etherdream的原理是使用borderWidth的动态改变，可兼容非HTML5浏览器，缺点是代码较多，需要新增DOM节点，而且只能用纯色遮罩，不能实现用图片做遮罩。

也可以用来做照片切换效果，点这里看DEMO(2)

<canvas id="canvas1" width="400" height="300"></canvas>  
  
<script>
//MyCtx是我写的一个通用的类，我自己写些小小的canvas js都用这个当先锋。
//把canvas 2d context的一些常用方法封装了一下，以便像jQuery那样作链式调用。
//对于最常用的