<br />

Options for customizing the drawing routines

**Signature:**

```typescript
export declare interface DrawingOptions 
```

## Properties

| Property | Modifiers | Type | Description |
|---|---|---|---|
| [color](https://developers.google.com/edge/api/mediapipe/js/tasks-vision.drawingoptions.md.txt#drawingoptionscolor) |   | string \| CanvasGradient \| CanvasPattern \| Callback\<LandmarkData, string \| CanvasGradient \| CanvasPattern\> | The color that is used to draw the shape. Defaults to white. |
| [fillColor](https://developers.google.com/edge/api/mediapipe/js/tasks-vision.drawingoptions.md.txt#drawingoptionsfillcolor) |   | string \| CanvasGradient \| CanvasPattern \| Callback\<LandmarkData, string \| CanvasGradient \| CanvasPattern\> | The color that is used to fill the shape. Defaults to `.color` (or black if color is not set). |
| [lineWidth](https://developers.google.com/edge/api/mediapipe/js/tasks-vision.drawingoptions.md.txt#drawingoptionslinewidth) |   | number \| Callback\<LandmarkData, number\> | The width of the line boundary of the shape. Defaults to 4. |
| [radius](https://developers.google.com/edge/api/mediapipe/js/tasks-vision.drawingoptions.md.txt#drawingoptionsradius) |   | number \| Callback\<LandmarkData, number\> | The radius of location marker. Defaults to 6. |

## DrawingOptions.color {#drawingoptionscolor}

The color that is used to draw the shape. Defaults to white.

**Signature:**

```typescript
color?: string | CanvasGradient | CanvasPattern | Callback<LandmarkData, string | CanvasGradient | CanvasPattern>;
```

## DrawingOptions.fillColor {#drawingoptionsfillcolor}

The color that is used to fill the shape. Defaults to `.color` (or black if color is not set).

**Signature:**

```typescript
fillColor?: string | CanvasGradient | CanvasPattern | Callback<LandmarkData, string | CanvasGradient | CanvasPattern>;
```

## DrawingOptions.lineWidth {#drawingoptionslinewidth}

The width of the line boundary of the shape. Defaults to 4.

**Signature:**

```typescript
lineWidth?: number | Callback<LandmarkData, number>;
```

## DrawingOptions.radius {#drawingoptionsradius}

The radius of location marker. Defaults to 6.

**Signature:**

```typescript
radius?: number | Callback<LandmarkData, number>;
```