defaultStateName

defaultStateName

デフォルトの状態(state)名を指定します。

• 初期値 : default-state
• type : string

デフォルトの状態名を指定します。

デモ

デフォルトのstateに'orange-state'を指定しています。

JavaScript

var granimInstance = new Granim({
  element: '#granim-canvas',
  defaultStateName: 'orange-state',
  opacity: [1, 1],
  states : {
    'default-state': {
      gradients: [
        ['#834D9B', '#D04ED6'],
        ['#1CD8D2', '#93EDC7']
      ],
    },
    'orange-state': {
      gradients: [
        ['#FF4E50', '#F9D423']
      ],
    }
  },
});

HTML

<canvas id="granim-canvas" style="width:100%;"></canvas>