---
title: "Math | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/Math/"
---

# Math

> `any`

## Functions

### alignRectToRect()

```ts
function alignRectToRect(
   sourceRect, 
   targetRect, 
   horizontalAlignment, 
   verticalAlignment): any;
```

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `sourceRect` | `RotatedRectangleF` |
| `targetRect` | `RotatedRectangleF` |
| `horizontalAlignment` | `HorizontalOriginPointType` |
| `verticalAlignment` | `VerticalOriginPointType` |

#### Returns

***

### fitRectangleToRectangle()

```ts
function fitRectangleToRectangle(
   fittingRect, 
   targetRect, 
   resizeType?, 
   originX?, 
   originY?): any;
```

#### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `fittingRect` | `RectangleF` | `undefined` |
| `targetRect` | `RectangleF` | `undefined` |
| `resizeType` | `any` | `ResizeRectangleType.Fit` |
| `originX` | `HorizontalOriginPointType` | `OriginPointType.Center` |
| `originY` | `VerticalOriginPointType` | `OriginPointType.Center` |

#### Returns

`any`

***

### fitSizeToSize()

```ts
function fitSizeToSize(
   fittingSize, 
   targetSize, 
   resizeType?): ISize;
```

#### Parameters

| Parameter | Type | Default value |
| ------ | ------ | ------ |
| `fittingSize` | [ISize](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ISize.md) | `undefined` |
| `targetSize` | [ISize](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ISize.md) | `undefined` |
| `resizeType` | `any` | `ResizeRectangleType.Fit` |

#### Returns

[ISize](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ISize.md)

***

### getOriginCoordinate()

```ts
function getOriginCoordinate(
   rect, 
   originX, 
   originY): any;
```

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `rect` | `RectangleF` |
| `originX` | `OriginPointType` |
| `originY` | `OriginPointType` |

#### Returns

`any`

***

### getRectPoint()

```ts
function getRectPoint(
   rect, 
   horizontal, 
   vertical): any;
```

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `rect` | `RotatedRectangleF` |
| `horizontal` | `HorizontalOriginPointType` |
| `vertical` | `VerticalOriginPointType` |

#### Returns

`any`

***

### getResizedImageAxisDpi()

```ts
function getResizedImageAxisDpi(
   sourceSize, 
   sourceDpi, 
   targetSize): number;
```

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `sourceSize` | `number` |
| `sourceDpi` | `number` |
| `targetSize` | `number` |

#### Returns

`number`

***

### getResizedImageMinAxisDpi()

```ts
function getResizedImageMinAxisDpi(
   sourceWidth, 
   sourceHeight, 
   sourceDpiX, 
   sourceDpiY, 
   targetWidth, 
   targetHeight): number;
```

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `sourceWidth` | `number` |
| `sourceHeight` | `number` |
| `sourceDpiX` | `number` |
| `sourceDpiY` | `number` |
| `targetWidth` | `number` |
| `targetHeight` | `number` |

#### Returns

`number`

***

### getRotatedRectangleWithBorder()

```ts
function getRotatedRectangleWithBorder(rectangle, border): any;
```

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `rectangle` | `RotatedRectangleF` |
| `border` | [ILtrb](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-model/ILtrb.md) |

#### Returns

`any`

***

### getTranslationTransform()

```ts
function getTranslationTransform(source, target): Transform;
```

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `source` | `PointF` |
| `target` | `PointF` |

#### Returns

`Transform`

***

### minByAbs()

```ts
function minByAbs(...values): number;
```

#### Parameters

| Parameter | Type |
| ------ | ------ |
| ...`values` | `number`[] |

#### Returns

`number`

***

### snapValueToStep()

```ts
function snapValueToStep(
   oldVal, 
   newVal, 
   step): number;
```

#### Parameters

| Parameter | Type |
| ------ | ------ |
| `oldVal` | `number` |
| `newVal` | `number` |
| `step` | `number` |

#### Returns

`number`