Function
Static Public Summary | ||
public |
createContext2d(width: Number, height: Number, options: Object): CanvasRenderingContext2D 指定した大きさのcontext2dを返す |
|
public |
createRenderSchedule(x: Number, y: Number, width: Number, height: Number, options: Object): Function | null 指定した大きさのimageDataを作成し 波形アニメーションとして表示するフレーム番号を計算する x,yを始点とする |
|
public |
getImageData(canvas: HTMLCanvasElement): ImageData contextと同じ大きさの空のimageDataを返す |
|
public |
getPixelColor(colorName: String): Array 指定したcolorNameのrgbaを返す(CanvasRenderingContext2D経由) |
|
public |
getTimingFunction(name: String | Function): Function | null easingJsで定義された関数名であれば、その関数を返し 引数が関数であれば、そのまま返す それ以外はnull |
|
public |
promiseEvent(target: Element, eventName: String): Promise<EventTarget> 指定した要素のイベントを待つプロミスを返す |
|
public |
requestAnimationFrame(callback: Function): * 利用可能な非同期関数でcallbackを実行する |
|
public |
transparentize(element: Element, options: Object): Promise<null> canvasを透明化、opacity:0でcanvasを破棄 |
Static Public
public createContext2d(width: Number, height: Number, options: Object): CanvasRenderingContext2D source
import {createContext2d} from 'immaterial-design-ripple/src/utility.js'
指定した大きさのcontext2dを返す
public createRenderSchedule(x: Number, y: Number, width: Number, height: Number, options: Object): Function | null source
import {createRenderSchedule} from 'immaterial-design-ripple/src/utility.js'
指定した大きさのimageDataを作成し 波形アニメーションとして表示するフレーム番号を計算する x,yを始点とする
返される配列の値は大きさからpixelSizeを割ったもの。
Params:
Name | Type | Attribute | Description |
x | Number | 波形アニメーションの始点x |
|
y | Number | 波形アニメーションの始点y |
|
width | Number | 波形アニメーションの幅 |
|
height | Number | 波形アニメーションの高さ |
|
options | Object |
|
|
options.pixelSize | Number |
|
ピクセル1粒の大きさ |
options.bitCrash | Number |
|
境界にノイズを入れる、値はノイズの強さ |
options.timingFunction | String | Function |
|
フレーム番号のイージング関数名 |
public getImageData(canvas: HTMLCanvasElement): ImageData source
import {getImageData} from 'immaterial-design-ripple/src/utility.js'
contextと同じ大きさの空のimageDataを返す
Params:
Name | Type | Attribute | Description |
canvas | HTMLCanvasElement | 大きさの基準となるcanvas |
Return:
ImageData |
public getPixelColor(colorName: String): Array source
import {getPixelColor} from 'immaterial-design-ripple/src/utility.js'
指定したcolorNameのrgbaを返す(CanvasRenderingContext2D経由)
Params:
Name | Type | Attribute | Description |
colorName | String | CanvasRenderingContext2D.fillStyleの値 |
public getTimingFunction(name: String | Function): Function | null source
import {getTimingFunction} from 'immaterial-design-ripple/src/utility.js'
easingJsで定義された関数名であれば、その関数を返し 引数が関数であれば、そのまま返す それ以外はnull
public promiseEvent(target: Element, eventName: String): Promise<EventTarget> source
import {promiseEvent} from 'immaterial-design-ripple/src/utility.js'
指定した要素のイベントを待つプロミスを返す
public requestAnimationFrame(callback: Function): * source
import {requestAnimationFrame} from 'immaterial-design-ripple/src/utility.js'
利用可能な非同期関数でcallbackを実行する
Params:
Name | Type | Attribute | Description |
callback | Function |
|
Return:
* | undefined |