Readonly
bareboneBarebone texture downloading, uglier but less bandwidth
Readonly
canvasThe Micrio sizing and <canvas>
controller
Readonly
canvasesAll available canvases
Readonly
currentCurrent main MicrioImage store SvelteStore.Writable. Its value can be referred to using the $current property
Optional
defaultCustom settings, if specified, this overwrites any server received data
Readonly
eventsUser input browser event handlers
360 tour Space data
Readonly
stateThe main state manager. Read more about it in the State section.
Readonly
visibleCurrently visible canvases
Static
VERSIONThe Micrio library version number
Static
jsonDownloaded JSON files cache store
The current active and shown MicrioImage, returning the current value of the current store SvelteStore.Writable
Static
observedClose an opened MicrioImage
The currently visible MicrioImage
Open a Micrio image by ID or Models.ImageInfo.ImageInfo JSON data
An image ID or a Models.ImageInfo.ImageInfo JSON object
Some opening parameters
Optional
gridDon't focus on an image inside the grid, keep the grid active
Optional
isPassive split screen
Optional
splitOpen the image as a secondary split screen image
Optional
splitOptional image that is the lead image for split screen
Optional
startOptional start view
Optional
vector?: { In case of 360, move into this direction
The main Micrio HTML element
The main
<micr-io>
controller instance, which extends a basicHTMLElement
.This controls all necessary rendering components and images to display.
Creating a Micrio element is easy:
Attribute settings
You can customize the Micrio behavior by setting its HTML element attributes. These will be parsed to a {@link Models.ImageInfo.ImageInfo} JSON object, and overwrite any values received from the server.
Image info
id
width
auto
height
auto
General options
lang
en
lazyload
false
data-path
data-force-path
info.json
calls to be from thedata-path
parameterfalse
data-skipmeta
false
data-gtag
true
Display options
data-focus
x, y
0.5, 0.5
data-view
0, 0, 1, 1
data-zoomlimit
1
data-coverlimit
false
data-inittype
cover
filling the screendata-is360
auto
data-normalize-dpr
true
User input events and behavior
data-events
true
data-keys
false
data-zooming
true
data-scroll-zoom
true
data-pinch-zoom
true
data-dragging
true
data-two-finger-pan
false
data-control-zoom
ctrl
orcmd
to zoom using the scroll wheelfalse
data-camspeed
1
data-freemove
false
data-elasticity
1
User interface options
data-ui
markers
to only show markers, ornone
for zero HTMLtrue
data-controls
true
data-social
true
data-fullscreen
true
data-logo
true
data-logo-org
true
data-toolbar
true
data-show-info
true
data-minimap
true
data-minimap-hide
true
data-minimap-height
200
data-minimap-width
160
Audio options
muted
false
volume
1
data-musicvolume
1
data-mutedvolume
0
Author
Marcel Duin marcel@micr.io
Copyright
Q42 Internet BV, Micrio, 2015 - 2024
Link
https://micr.io/ , https://q42.nl/en/