# Props

# url

Picture url

  • Type: string
  • Default: ''

# high-url

Clearer picture url

  • Type: string
  • Default: ''

# scale

The magnification.

  • Type: number
  • Default: 2

# width

The width of the selector.

  • Type: number
  • Default: 168

# height

The height of the selector.

  • Type: number
  • Default: -1

# type

Magnifier type.

  • Type: 'circle' | 'square'
  • Default: 'square'

# selector

Show or remove selector, release: Whether the selector is restricted to the preview area

  • Type: boolean / { release: boolean }
  • Default: true

# out-zoomer

Zoom region will be displayed on the outside

  • Type: boolean / { sticky: boolean }
  • Default: false

# mask

Show or remove mask.

  • Type: boolean / { sticky: boolean }
  • Default: false

# mask-color

Mask color

  • Type: color string
  • Default: rgba(0,0,0,0.4)

# disabled-reactive

Disable listening for preview area changes.

  • Type: boolean
  • Default: false

# disabled-event

Disable internal listening events, this way you can manually trigger events.

  • Type: boolean
  • Default: false