## Image display control

The `size`, `coordinator`, `x`, and `y` properties allow you to precisely control image scaling, visible area, and positioning within the container.

**Properties:**

- `size` — scaling and fill mode of the image (`auto`, `contain`, `cover`)
- `coordinator` — array of coordinates for cropping the display area `[left, top, right, bottom]` in percentages
- `x` — horizontal offset of the image (pixels, percentages)
- `y` — vertical offset of the image (pixels, percentages)

Properties work together or individually. The `size` value defines the scaling mode: `auto` uses the original size, `contain` fits the image completely, `cover` fills the container with possible cropping. The `coordinator` property sets the visible area by cropping the image at specified coordinates. The `x` and `y` parameters shift the image relative to the container for precise positioning.

```html
<!-- Scaling mode -->
<Image value="image.png" size="contain" />

<!-- Cropping by coordinates -->
<Image value="image.png" :coordinator="[10, 20, 100, 80]" />

<!-- Position offset -->
<Image value="image.png" x="15" y="-10" />

<!-- Combined parameters -->
<Image
  value="image.png"
  size="cover"
  :coordinator="[0, 0, 100, 50]"
  x="10"
  y="5"
/>
```
