---
title: "SVGFEBlendElement | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# Variable SVGFEBlendElement

SVGFEBlendElement: {  
    prototype: [SVGFEBlendElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGFEBlendElement/);  
    SVG\_FEBLEND\_MODE\_COLOR: 15;  
    SVG\_FEBLEND\_MODE\_COLOR\_BURN: 8;  
    SVG\_FEBLEND\_MODE\_COLOR\_DODGE: 7;  
    SVG\_FEBLEND\_MODE\_DARKEN: 4;  
    SVG\_FEBLEND\_MODE\_DIFFERENCE: 11;  
    SVG\_FEBLEND\_MODE\_EXCLUSION: 12;  
    SVG\_FEBLEND\_MODE\_HARD\_LIGHT: 9;  
    SVG\_FEBLEND\_MODE\_HUE: 13;  
    SVG\_FEBLEND\_MODE\_LIGHTEN: 5;  
    SVG\_FEBLEND\_MODE\_LUMINOSITY: 16;  
    SVG\_FEBLEND\_MODE\_MULTIPLY: 2;  
    SVG\_FEBLEND\_MODE\_NORMAL: 1;  
    SVG\_FEBLEND\_MODE\_OVERLAY: 6;  
    SVG\_FEBLEND\_MODE\_SATURATION: 14;  
    SVG\_FEBLEND\_MODE\_SCREEN: 3;  
    SVG\_FEBLEND\_MODE\_SOFT\_LIGHT: 10;  
    SVG\_FEBLEND\_MODE\_UNKNOWN: 0;  
    new (): [SVGFEBlendElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGFEBlendElement/);  
}

#### Type Declaration

-   -   new (): [SVGFEBlendElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGFEBlendElement/)
    -   #### Returns [SVGFEBlendElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGFEBlendElement/)
        
-   ##### prototype: [SVGFEBlendElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGFEBlendElement/)
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_COLOR: 15
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_COLOR\_BURN: 8
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_COLOR\_DODGE: 7
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_DARKEN: 4
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_DIFFERENCE: 11
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_EXCLUSION: 12
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_HARD\_LIGHT: 9
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_HUE: 13
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_LIGHTEN: 5
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_LUMINOSITY: 16
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_MULTIPLY: 2
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_NORMAL: 1
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_OVERLAY: 6
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_SATURATION: 14
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_SCREEN: 3
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_SOFT\_LIGHT: 10
    
-   ##### `Readonly`SVG\_FEBLEND\_MODE\_UNKNOWN: 0