キャンバスにCSSフィルタを適用するプラグイン – RS_SimpleCanvasFilter.js

タイトル
This plugin applies CSS filter to canvas
作者名
ヘルプ
Notice that this plugin applies filter effects to canvas element only.

=============================================================================
Plugin Command
=============================================================================
CanvasFilter Whole blur 5px
CanvasFilter Whole brightness 0.5
CanvasFilter Whole contrast 150%
CanvasFilter Whole dropShadow 16px 16px 20px gray
CanvasFilter Whole grayscale 50%
CanvasFilter Whole hueRotate 50deg
CanvasFilter Whole invert true
CanvasFilter Whole opacity 25%
CanvasFilter Whole saturate 30%
CanvasFilter Whole sepia 60%
CanvasFilter Whole setMultipleFlag true
CanvasFilter Whole setMultipleFlag false
CanvasFilter Whole clear

For more information, please see the link below :
https://developer.mozilla.org/en-US/docs/Web/CSS/filter

=============================================================================
Script Calls
=============================================================================
Graphics.setCanvasFilter(filterName, amount, isMultipleFilters, target);
Graphics.setCanvasDropShadowFilter(hShadow, hShadow, blur, color, isMultipleFilters, target));
Graphics.setCanvasInvert(activate, isMultipleFilters, target);
=============================================================================
Change Log
=============================================================================
2016.10.06 (v1.0.0) - First Release.
2017.10.06 (v1.0.1) - Fixed the issue that could not set the number after the decimal point.
パラメータ
( なし )
ライセンス表記
  • MIT License
The MIT License
Copyright (c) 2016 biud436
Free for commercial and non commercial use.

紹介ページ https://github.com/biud436/MV/blob/master/RS_SimpleCanvasFilter.js