# HatchStyle

## Content

[**DsPdfJS API v9.1.3**](../README)

***

[DsPdfJS API](../globals) / HatchStyle

# Enumeration: HatchStyle

Enumerates the different patterns available for [HatchBrush](../classes/HatchBrush) objects.

## Enumeration Members

### AlternatingHorizontalLines

> **AlternatingHorizontalLines**: `0`

Horizontal stripes: Alternating horizontal lines

***

### AlternatingVerticalLines

> **AlternatingVerticalLines**: `1`

Vertical stripes: Alternating vertical lines

***

### Backslashes

> **Backslashes**: `2`

Stripes: Backslashes

***

### BackwardDiagonal

> **BackwardDiagonal**: `3`

A pattern of backward diagonal lines.

***

### DarkDiagonal

> **DarkDiagonal**: `4`

A pattern of thick diagonal lines.

***

### DarkDownwardDiagonalStripes

> **DarkDownwardDiagonalStripes**: `5`

Diagonal stripes: Dark downward

***

### DarkHorizontalStripes

> **DarkHorizontalStripes**: `6`

Horizontal stripes: Dark

***

### DarkUpwardDiagonalStripes

> **DarkUpwardDiagonalStripes**: `7`

Diagonal stripes: Dark upward

***

### DarkVerticalStripes

> **DarkVerticalStripes**: `8`

Vertical stripes: Dark

***

### Diagonal

> **Diagonal**: `9`

A pattern of diagonal lines.

***

### DiagonalBrick

> **DiagonalBrick**: `10`

Diagonal brick

***

### Divot

> **Divot**: `11`

Divot

***

### Dotted05

> **Dotted05**: `12`

Dotted: 5%

***

### Dotted10

> **Dotted10**: `13`

Dotted: 10%

***

### Dotted20

> **Dotted20**: `14`

Dotted: 20%

***

### Dotted25

> **Dotted25**: `15`

Dotted: 25%

***

### Dotted30

> **Dotted30**: `16`

Dotted: 30%

***

### Dotted40

> **Dotted40**: `17`

Dotted: 40%

***

### Dotted50

> **Dotted50**: `18`

Dotted: 50%

***

### Dotted60

> **Dotted60**: `19`

Dotted: 60%

***

### Dotted70

> **Dotted70**: `20`

Dotted: 70%

***

### Dotted75

> **Dotted75**: `21`

Dotted: 75%

***

### Dotted80

> **Dotted80**: `22`

Dotted: 80%

***

### Dotted90

> **Dotted90**: `23`

Dotted: 90%

***

### DottedDiamondGrid

> **DottedDiamondGrid**: `24`

Dotted diamond grid

***

### DottedGrid

> **DottedGrid**: `25`

Dotted grid

***

### ForwardDiagonal

> **ForwardDiagonal**: `26`

A pattern of forward diagonal lines.

***

### Horizontal

> **Horizontal**: `27`

A pattern of horizontal lines.

***

### HorizontalBrick

> **HorizontalBrick**: `28`

Horizontal brick

***

### LargeCheckerBoard

> **LargeCheckerBoard**: `29`

Large checker board

***

### LargeConfetti

> **LargeConfetti**: `30`

Large confetti

***

### LargeGrid

> **LargeGrid**: `31`

Large grid

***

### LightBackwardDiagonal

> **LightBackwardDiagonal**: `32`

A pattern of thin backward diagonal lines.

***

### LightDiagonal

> **LightDiagonal**: `33`

A pattern of thin diagonal lines.

***

### LightDownwardDiagonalStripes

> **LightDownwardDiagonalStripes**: `34`

Diagonal stripes: Light downward

***

### LightForwardDiagonal

> **LightForwardDiagonal**: `35`

A pattern of thin forward diagonal lines.

***

### LightGrid

> **LightGrid**: `36`

A pattern of thin vertical and horizontal lines.

***

### LightHorizontal

> **LightHorizontal**: `37`

A pattern of thin horizontal lines.

***

### LightHorizontalStripes

> **LightHorizontalStripes**: `38`

Horizontal stripes: Light

***

### LightUpwardDiagonalStripes

> **LightUpwardDiagonalStripes**: `39`

Diagonal stripes: Light upward

***

### LightVertical

> **LightVertical**: `40`

A pattern of thin vertical lines.

***

### LightVerticalStripes

> **LightVerticalStripes**: `41`

Vertical stripes: Light

***

### NarrowHorizontalStripes

> **NarrowHorizontalStripes**: `42`

Horizontal stripes: Narrow

***

### NarrowVerticalStripes

> **NarrowVerticalStripes**: `43`

Vertical stripes: Narrow

***

### OutlinedDiamondGrid

> **OutlinedDiamondGrid**: `44`

Outlined diamond grid

***

### Percent12

> **Percent12**: `45`

Specifies a 12-percent hatch. The ratio of foreground color to background color is 12:88.

***

### Percent25

> **Percent25**: `46`

Specifies a 25-percent hatch. The ratio of foreground color to background color is 25:75.

***

### Percent50

> **Percent50**: `47`

Specifies a 50-percent hatch. The ratio of foreground color to background color is 50:50.

***

### Percent6

> **Percent6**: `48`

Specifies a 6-percent hatch. The ratio of foreground color to background color is 6:94.

***

### Percent75

> **Percent75**: `49`

Specifies a 75-percent hatch. The ratio of foreground color to background color is 75:25.

***

### Plaid

> **Plaid**: `50`

Plaid

***

### Shingle

> **Shingle**: `51`

Shingle

***

### Slashes

> **Slashes**: `52`

Stripes: Slashes

***

### SmallCheckerBoard

> **SmallCheckerBoard**: `53`

Small checker board

***

### SmallConfetti

> **SmallConfetti**: `54`

Small confetti

***

### SmallGrid

> **SmallGrid**: `55`

Small grid

***

### SolidDiamondGrid

> **SolidDiamondGrid**: `56`

Solid diamond grid

***

### SparseBackwardDiagonal

> **SparseBackwardDiagonal**: `57`

A pattern of rare thin backward diagonal lines.

***

### SparseForwardDiagonal

> **SparseForwardDiagonal**: `58`

A pattern of rare thin forward diagonal lines.

***

### SparseHorizontal

> **SparseHorizontal**: `59`

A pattern of rare thin horizontal lines.

***

### SparseVertical

> **SparseVertical**: `60`

A pattern of rare thin vertical lines.

***

### Sphere

> **Sphere**: `61`

Sphere

***

### Trellis

> **Trellis**: `62`

Trellis

***

### Vertical

> **Vertical**: `63`

A pattern of vertical lines.

***

### Wave

> **Wave**: `64`

Wave

***

### Weave

> **Weave**: `65`

Weave

***

### WideDownwardDiagonalStripes

> **WideDownwardDiagonalStripes**: `66`

Diagonal stripes: Wide downward

***

### WideUpwardDiagonalStripes

> **WideUpwardDiagonalStripes**: `67`

Diagonal stripes: Wide upward

***

### ZigZag

> **ZigZag**: `68`

Zig zag
