Topics

• Getting started with JavaScript
• Filters

Examples

• Using console.log()
• Blur Filters: feGaussian Blur (basic)
• Blur Filters: feGaussianBlur (x-axis and y-axis blur set separately)
• Blur Filters: feGaussianBlur with hard edges & 100% Opacity
• Blur Filters: Box Blur
• Blur Filters: Bokeh Blur (3 layers, clipped)
• Color Manipulation Filters: Basic Greyscale
• Color Manipulation Filters: Greyscale (Green Channel Only)
• Color Manipulation Filters: Monotone
• Blur Filters: Focus Blur (Gaussian)