canvas懒加载插件

canvas懒加载插件

此插件适合移动端的懒加载！PC低版本无法支撑

html代码

1  <div id="canbox">
2      <canvas data-src='images\bkc.jpg'></canvas>
3      <canvas data-src='images\jbs.png'></canvas>
4  </div>

CSS代码（load图放css里面）

1 canvas {
2        width: 100px;
3        min-height: 100px;
4        background: #fff url("images/01.gif") center center;
5        /*background-size: 100%;*/
6 }

js调用

1 $(function() {
2     $('#canbox').myCanvas({});
3  })

 插件下载

 

转载于:https://www.cnblogs.com/hasubasora/p/6606313.html