skewSlider

Demo

• http://isoden.github.io/skewslider

Installation

 $ npm install --save skewslider

Usage

<canvas id="canvas" width="640" height="640"></canvas>
<script src="path/to/skewslider.js"></script>

var skewSlider = new SkewSlider({
  el       : document.getElementById('canvas'),
  angle    : 15,
  interval : 5000,
  duration : 1000,
  sources  : [
    'http://placeimg.com/640/640/people?p=1',
    'http://placeimg.com/640/640/people?p=2',
    'http://placeimg.com/640/640/people?p=3',
    'http://placeimg.com/640/640/people?p=4'
  ]
});

Options

|name|description|default| |:---|:---|:----| |el: HTMLCanvasElement|描画対象のCanvas要素|-| |angle: number |斜めの角度|0| |interval: number |次のアニメーションまでの時間(ms)|2000| |duration: number |アニメーションの時間(ms)|1000| |sources: string[] |画像URLの配列|-|

Support

IE >= 9 and modern browsers.

License

MIT License.