HypeSvgFilter

Add duo tone effects to your documents

HypeDuoTone

Add duo tone effects to your documents. First register a new duotone and then assign it as a class

HypeDuoTone.registerDuoTone ('my_duotone', '#001e36', '#32a8ff');

Content Delivery Network (CDN)

Latest version can be linked into your project using the following in the head section of your project:

Version with IDE-Preview:

<script src="https://cdn.jsdelivr.net/gh/worldoptimizer/HypeSvgFilter/HypeDuoTone.min.js"></script>

HypeDilateErode

Add erode or dilate effects to your documents. First register a new dialte or erode and then assign it as a class. You can use either on value or use two values to set the amount per axis.

HypeDilateErode.registerDilateErode ('my_dilate', 'dilate', '2');
HypeDilateErode.registerDilateErode ('my_erode', 'erode', '2 1');

Content Delivery Network (CDN)

Latest version can be linked into your project using the following in the head section of your project:

Version with IDE-Preview:

<script src="https://cdn.jsdelivr.net/gh/worldoptimizer/HypeSvgFilter/HypeDilateErode.min.js"></script>