onStart
作成日: 2018-10-02
onStart
アニメーション開始時にトリガーされます。
- 初期値 :
false
- type :
function
デモ
アニメーション開始時に'アニメーション開始'と表示します。
JavaScript
var granimInstance = new Granim({
element: '#granim-canvas',
opacity: [1, 1],
states : {
'default-state': {
gradients: [
['#834D9B', '#D04ED6'],
['#1CD8D2', '#93EDC7']
],
},
},
onStart: function() {
document.getElementById('result').innerText = 'アニメーション開始';
}
});
HTML
<div id="result"></div>
<canvas id="granim-canvas" style="width:100%;"></canvas>
© 2016 Benjamin Blonde Released under the MIT license
このコンテンツはBenjamin Blonde(sarcadass)によるGranim.jsドキュメントを翻訳/改変したものです。