# Javascript: ImageCollection.addAnchored Method

> Creates and inserts a new image which is anchored to the specified text position. It has the specified horizontal alignment and a textflow which is given through the insertionMode parameter. Anchored image are moved with the text.

- **Product:** TX Text Control .NET Server
- **Section:** Reference
- **Kind:** Method
- **Introduced:** 28.0
- **Path:** TX Text Control .NET Server > Reference > JavaScript API > Javascript: ImageCollection.addAnchored Method
- **605 words**
- **Web URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/imagecollection/addanchored-method/
- **LLMs URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/imagecollection/addanchored-method/llms.txt
- **LLMs-Full URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/imagecollection/addanchored-method/llms-full.txt

---

### Description

Creates and inserts a new image which is anchored to the specified text position. It has the specified horizontal alignment and a textflow which is given through the insertionMode parameter. Anchored image are moved with the text.

### Syntax

```javascript
<void> ImageCollection.addAnchored(<string> imageData, <HorizontalAlignment> horizontalAlignment, <number> textPosition, <ImageInsertionMode> insertionMode, [<RequestImageCallback> callback], [<ErrorCallback> errorCallback])
```

### Parameters

| Parameter | Description |
|---|---|
| imageData | The base64 encoded image data. |
| horizontalAlignment | Specifies the image's horizontal alignment. |
| textPosition | Specifies the text position at which the image is to be inserted. If -1 is specified, the image is inserted at the current input position. |
| insertionMode | Specifies how the text flow is handled. |
| callback | Optional. The newly created image object is returned via this callback function. |
| errorCallback | Optional. Is called when the operation failed with an error. |

### Examples

The following example demonstrates `ImageCollection.addAnchored` in a practical document-editing workflow. It creates and inserts a new image which is anchored to the specified text position. It has the specified horizontal alignment and a textflow which is given through the insertionMode parameter. Anchored image are moved with the text.

```javascript
function onTxError(error) {
    console.error("TX Text Control error:", error.msg);
    error.handled = true;
}

TXTextControl.images.addAnchored(
    "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAFgAH/qbPzWQAAAABJRU5ErkJggg==",
    TXTextControl.HorizontalAlignment.Center,
    -1,
    TXTextControl.ImageInsertionMode.AsCharacter,
    function(image) {
        if (!image) {
            console.warn("No image was returned.");
            return;
        }
        
        console.log("add anchored result:", image);
    },
    onTxError
);
```

---

## Nearby

- **Previous:** [ImageCollection Object](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/imagecollection/llms-full.txt)
- **Next:** [Javascript: ImageCollection.addAnchoredAtLocation Method](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/imagecollection/addanchoredatlocation-method/llms-full.txt)