キャンバスにCSSフィルタを適用するプラグイン – RS_SimpleCanvasFilter.js
- タイトル
- This plugin applies CSS filter to canvas
- 作者名
- biud436様
- ヘルプ
- 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
Copyright (c) 2016 biud436
Free for commercial and non commercial use.
紹介ページ https://github.com/biud436/MV/blob/master/RS_SimpleCanvasFilter.js