---
title: "ColorAttachment | 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.

# Class ColorAttachment

#### Hierarchy ([View Summary](https://docs.maptiler.com/sdk-js/api-reference/hierarchy/#Externals.ColorAttachment))

-   [FramebufferAttachment](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/)<[WebGLTexture](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.WebGLTexture/)\>
    -   ColorAttachment

##### Index

### Constructors[](#constructors)

[constructor](#constructor)

### Properties[](#properties)

[context](#context) [current](#current) [default](#default) [dirty](#dirty) [gl](#gl) [parent](#parent)

### Methods[](#methods)

[get](#get) [getDefault](#getdefault) [set](#set) [setDefault](#setdefault) [setDirty](#setdirty)

## Constructors[](#constructors-1)

### constructor[](#constructor)

-   new ColorAttachment(context: [Context](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Context/), parent: [WebGLFramebuffer](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.WebGLFramebuffer/)): ColorAttachment[](#constructorcolorattachment)
    
    #### Parameters
    
    -   context: [Context](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Context/)
    -   parent: [WebGLFramebuffer](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.WebGLFramebuffer/)
    
    #### Returns ColorAttachment
    
    Inherited from [FramebufferAttachment](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/).[constructor](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/#constructor)
    

## Properties[](#properties-1)

### context[](#context)

context: [Context](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.Context/)

Inherited from [FramebufferAttachment](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/).[context](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/#context)

### current[](#current)

current: [WebGLTexture](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.WebGLTexture/)

Inherited from [FramebufferAttachment](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/).[current](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/#current)

### default[](#default)

default: [WebGLTexture](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.WebGLTexture/)

Inherited from FramebufferAttachment.default

### dirty[](#dirty)

dirty: boolean

Inherited from [FramebufferAttachment](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/).[dirty](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/#dirty)

### gl[](#gl)

gl: [WebGLRenderingContext](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.WebGLRenderingContext/) | [WebGL2RenderingContext](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.WebGL2RenderingContext/)

Inherited from [FramebufferAttachment](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/).[gl](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/#gl)

### parent[](#parent)

parent: [WebGLFramebuffer](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.WebGLFramebuffer/)

Inherited from [FramebufferAttachment](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/).[parent](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/#parent)

## Methods[](#methods-1)

### get[](#get)

-   get(): [WebGLTexture](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.WebGLTexture/)[](#get-1)
    
    #### Returns [WebGLTexture](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.WebGLTexture/)
    
    Inherited from [FramebufferAttachment](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/).[get](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/#get)
    

### getDefault[](#getdefault)

-   getDefault(): any[](#getdefault-1)
    
    #### Returns any
    
    Inherited from [FramebufferAttachment](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/).[getDefault](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/#getdefault)
    

### set[](#set)

-   set(v?: [WebGLTexture](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.WebGLTexture/) | null): void[](#set-1)
    
    #### Parameters
    
    -   `Optional`v: [WebGLTexture](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.WebGLTexture/) | null
    
    #### Returns void
    
    Overrides [FramebufferAttachment](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/).[set](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/#set)
    

### setDefault[](#setdefault)

-   setDefault(): void[](#setdefault-1)
    
    #### Returns void
    
    Inherited from [FramebufferAttachment](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/).[setDefault](https://docs.maptiler.com/sdk-js/api-reference/classes/Externals.FramebufferAttachment/#setdefault)
    

### setDirty[](#setdirty)

-   setDirty(): void[](#setdirty-1)
    
    #### Returns void