The following tables list the members exposed by ImageViewer.
Public Constructors
Name | Description | |
---|---|---|
![]() ![]() |
ImageViewer | Initializes a new ImageViewer |
Public Methods
Name | Description | |
---|---|---|
![]() |
activeItemChanged.remove | Occurs when the value of ActiveItem changes. |
![]() |
autoItemElementsAdded.remove | Occurs after an item HTML elements are re-added to the DOM. |
![]() |
autoItemElementsRemoved.remove | Occurs before an item HTML elements are re-deleted from the DOM. |
![]() |
beginAutoSizeChanged | Disable detecting if the viewer size has changed. |
![]() |
beginRender | Stops the viewer from rendering the content if any change is applied. This is useful to increase the control's speed efficiency. |
![]() |
beginTransform | Stops the viewer from updating the transformations matrices and updating the view layout. This is useful to increase the control's speed efficiency. |
![]() |
beginUpdate | Stops the viewer from updating the transformations matrices, view layout and rendering the content if any change is applied. This is useful to increase the control's speed efficiency. |
![]() |
centerAtPoint | Centers the view display at the specified point. |
![]() |
combineFloater | Combines the floaters with the images for all items inside this ImageViewer |
![]() |
convertBoundsToView | Converts a rectangle value from logical (excluding the current transformation) to physical (in control pixel coordinates). |
![]() |
convertPoint | Converts a LeadPointD from one coordinates to the other. |
![]() |
convertPoints | Converts an array of LeadPointD from one coordinates to the other. |
![]() |
convertRect | Converts a LeadRectD from one coordinates to the other. |
![]() |
convertTransform | Converts a transformation matrix relative to one item to another. |
![]() ![]() |
disableSync | Temporarily disable syncing for a group while keeping the group itself intact. |
![]() |
disableTransitions | Stops the viewer from updating the transformations matrices and view layout during CSS transitions. |
![]() |
dispose | Destroys this ImageViewer and removes it from the page. |
![]() |
elementsUpdated.remove | Occurs anytime the viewer changes any DOM or CSS property on an element that is part of view or any item |
![]() ![]() |
enableSync | Re-enable syncing for a group. |
![]() |
enableTransitions | Enable updating the transformations matrices and view layout during CSS transitions. |
![]() |
endAutoSizeChanged | Enables detecting if the viewer size has changed. |
![]() |
endRender | Instruct the viewer that updates are completed and rendering of content can be resumed. |
![]() |
endTransform | Instruct the viewer that updates are completed and updating transformations and view layout can be resumed. |
![]() |
endUpdate | Instruct the viewer that updates are completed and updating the transformations matrices, view layout and rendering of content can be resumed. |
![]() |
ensureBoundsVisible | Ensures that the specified rectangle area is visible in the viewer. |
![]() |
ensureItemVisible | Ensures that an item is visible in the viewer. |
![]() |
ensureItemVisibleByIndex | Ensures that the item at the specified index is visible in the viewer. |
![]() |
eraseBackground.remove | Occurs when the control's background needs to be erased. |
![]() |
findNearestItem | Gets the item nearest to the specified physical (in viewer pixel) coordinates. |
![]() |
foreCanvasSizeChanged.remove | Occurs when the size of the foreground canvas changes. |
![]() |
getAllVisibleItems | Gets all the visible items in the viewer. |
![]() ![]() |
getDestinationRectangle | Utility method to adjust the given LeadRectD based on source size, size mode and alignment |
![]() |
getFirstVisibleItem | First visible item or part of it in the viewer. |
![]() |
getFirstVisibleItemIndex | Index for the first visible item or part of it in the viewer. |
![]() |
getImageTransformWithDpi | Transformation matrix of the image with or without DPI scaling (single item mode). |
![]() |
getItemBounds | Current logical (excluding the current transformation) bounds of any part of an item. |
![]() |
getItemContentTransform | Transformation matrix of the content of an item. |
![]() |
getItemFloaterSize | Floater image size of an item. |
![]() |
getItemFloaterTransform | Transformation matrix of the floater of an item. |
![]() |
getItemImageFloatingPointTransform | Transformation matrix of the image of an item without rounded values. |
![]() |
getItemImageSize | Image size of an item. |
![]() |
getItemImageTransform | Transformation matrix of the image of an item. |
![]() |
getItemImageTransformScaleOnly | Transformation matrix of the image of an item without translation and rotation. |
![]() |
getItemImageTransformWithDpi | Transformation matrix of the image of an item with or without DPI scaling. |
![]() |
getItemTransform | Transformation matrix of the whole item. |
![]() |
getItemViewBounds | Current physical (in control pixel coordinates) bounds of any part of an item. |
![]() |
getLargestVisibleItem | Largest visible item or part of it in the viewer. |
![]() |
getLargestVisibleItemIndex | Index for the largest visible item or part of it in the viewer. |
![]() |
getLastVisibleItem | Last visible item or part of it in the viewer. |
![]() |
getLastVisibleItemIndex | Index for the last visible item or part of it in the viewer. |
![]() ![]() |
getScaleFactors | Utility method to calculate the scale factor needed to perform the specified size mode using a source and destination size. |
![]() ![]() |
getSynced | Returns a list of all ImageViewer instances that match the given sync. |
![]() |
getViewBounds | Current bounds of the view in physical (in control pixel) coordinates |
![]() |
gotoItem | Scroll to the top-left of an item. |
![]() |
gotoItemByIndex | Scroll to the top-left of an item giving its index. |
![]() |
hitTestFloater | First item that has its floater under a physical (in viewer pixel) coordinates. |
![]() |
hitTestItem | First item that is under a physical (in viewer pixel) coordinates. |
![]() |
hitTestItemPart | Specific part of the item under a physical (in viewer pixel) coordinates. |
![]() |
hitTestItems | Items that intersect with a rectangle in physical (in viewer pixel) coordinates. |
![]() |
imageLoading.remove | Occurs just before an image starts loading as the result of a URL update. |
![]() |
interpolation.remove | Occurs when the interpolator state changes. |
![]() |
invalidate | Invalidates a portion of the entire surface of the control and causes the control to be redrawn. |
![]() |
invalidateItem | Invalidate an item. |
![]() |
invalidateItemByIndex | Invalidate the item at the specified index. |
![]() |
isItemVisible | Gets a value that indicate whether the specified item or part is currently visible in the viewer. |
![]() ![]() |
isSyncDisabled | Determines if syncing for a group has been disabled. |
![]() |
itemChanged.remove | Occurs when any of the items inside this ImageViewer changes |
![]() |
itemDragDrop.remove | Occurs when data is being dragged or dropped from/to this ImageViewer. |
![]() |
itemError.remove | Occurs when an error happens when the viewer tries to update the item image data. |
![]() |
onActiveItemChanged | Raises the ActiveItemChanged event. |
![]() |
onAutoItemElementsAdded | Raises the AutoItemElementsAdded event. |
![]() |
onAutoItemElementsRemoved | Raises the AutoItemElementsRemoved event. |
![]() |
onElementsUpdated | Raises the ElementsUpdated event. |
![]() |
onEraseBackground | Raises the EraseBackground event. |
![]() |
onForeCanvasSizeChanged | Raises the ForeCanvasSizeChanged event. |
![]() |
onItemChanged | Raises the ItemChanged event. |
![]() |
onItemDragDrop | Raises the ItemDragDrop event. |
![]() |
onItemError | Raises the ItemError event. |
![]() |
onPostRender | Raises the PostRender event. |
![]() |
onPostRenderItem | Raises the PostRenderItem event. |
![]() |
onPreRender | Raises the PreRender event. |
![]() |
onPreRenderItem | Raises the PreRenderItem event. |
![]() |
onPropertyChanged | Raises the PropertyChanged event. |
![]() |
onRedirectRender | Raises the RedirectRender event. |
![]() |
onRender | Raises the Render event. |
![]() |
onRenderBackground | Raises the RenderBackground event. |
![]() |
onRenderBorder | Raises the RenderBorder event. |
![]() |
onRenderError | Raises the RenderError event. |
![]() |
onRenderImage | Raises the RenderImage event. |
![]() |
onRenderItem | Raises the RenderItem event. |
![]() |
onRenderItemFloater | Raises the RenderItemFloater event. |
![]() |
onRenderItemFloaterRegion | Raises the RenderItemFloaterRegion event. |
![]() |
onRenderItemRegion | Raises the RenderItemRegion event. |
![]() |
onRenderShadow | Raises the RenderShadow event. |
![]() |
onRenderText | Raises the RenderText event. |
![]() |
onScrollOffsetChanged | Raises the ScrollOffsetChanged event. |
![]() |
onSelectedItemsChanged | Raises the SelectedItemsChanged event. |
![]() |
onSizeChanged | Inform the control that the size of the container has changed. |
![]() |
onTransformChanged | Raises the OnTransformChanged event. |
![]() |
postRender.remove | Occurs after the view is rendered. |
![]() |
postRenderItem.remove | Occurs after an item is rendered. |
![]() |
preRender.remove | Occurs before the view is rendered. |
![]() |
preRenderItem.remove | Occurs before an item is rendered. |
![]() |
processDragDropUrl | Processes the image dropped on this ImageViewer during a drag/drop operation. |
![]() |
propertyChanged.remove | Occurs when a property value in this ImageViewerchanges. |
![]() |
redirectRender.remove | Occurs when the viewer content has changed and any external controls performing live capture need to be updated. |
![]() |
render.remove | Render the view. |
![]() |
renderBackground.remove | Renders view or item background. |
![]() |
renderBorder.remove | Renders view or item border. |
![]() |
renderError.remove | Occurs when an error happens during rendering. |
![]() |
renderImage.remove | Renders the item image. |
![]() |
renderItem.remove | Occurs when an item is rendered. |
![]() |
renderItemFloater.remove | Renders the item floater. |
![]() |
renderItemFloaterRegion.remove | Renders the item floater region. |
![]() |
renderItemRegion.remove | Renders the item region. |
![]() |
renderRedirect | Render the content of the viewer to an external context. |
![]() |
renderShadow.remove | Renders view or item or drop shadow. |
![]() |
renderText.remove | Renders the item text. |
![]() |
reset | Resets the display properties to their default values (single item mode). |
![]() |
restrictScrollOffset | Ensures a scroll position is inside the minimum and maximum scroll value currently allowed. |
![]() |
scrollBy | Scrolls the viewer by the specified amount in pixels. |
![]() |
scrollByRestrict | Scrolls the viewer by the specified amount in pixels while always restricting the value to the current minimum and maximum allowed. |
![]() |
scrollOffsetChanged.remove | Occurs when the value of ScrollOffset changes. |
![]() |
selectedItemsChanged.remove | Occurs when any of the items inside this viewer selection state changes. |
![]() |
setItemFloater | Sets the floater for an item. |
![]() ![]() |
sync | Establishes sync groups. |
![]() |
transformChanged.remove | Occurs when the transformation matrix of the view or any of the item changes. |
![]() |
translateItemScaleFactor | Translates an item horizontally or vertically a given amount of pixels regardless of the current zoom value. |
![]() ![]() |
unsync | Removes a single viewer from the sync group. |
![]() ![]() |
unsyncGroup | Un-syncs all members of the sync group of the given sync ID. |
![]() |
updateStyles | Inform the viewer that the CSS classes used has been changed. |
![]() |
updateTransform | Re-calculates the transformation matrices and update the view layout. |
![]() |
zoom | Zooms or changes the size mode of the view. |
![]() |
zoomToRect | Zooms the view to the specified rectangle. |
Public Properties
Name | Description | |
---|---|---|
![]() |
activeItem | Active item of this image viewer. |
![]() |
activeItemBackgroundColor | Active item background color. |
![]() |
activeItemBorderColor | Active item border color. |
![]() |
allowDrop | Indicates whether the viewer can accept data that the user drags onto it. |
![]() |
aspectRatioCorrection | Manual aspect ratio correction value |
![]() |
autoCreateCanvas | Indicates whether to automatically create the HTML5 Canvas Element when the image is updated. |
![]() |
autoResetOptions | Determines which display properties to reset when a new image is set into the viewer (single item mode). |
![]() |
autoScrollDiv | Auto Scroll HTML Div Element. |
![]() |
backImage | Optional background element to be displayed in the viewer (single item mode). |
![]() |
backImageLoadImageUrlMode | Specifies how an image should be loaded when this item is provided a URL (single item mode) |
![]() |
backImageUrl | URL to the optional background image to displayed in the viewer (single item mode). |
![]() |
canRender | Gets a value that indicate if the ImageViewer will render the content when changes are made to the control's properties or to the items. |
![]() |
canTransform | Gets a value that indicate if the ImageViewer will update the transformation matrices and view layout when changes are made to the control's properties or to the items. |
![]() |
canvas | HTML5 Canvas Element to be displayed in the viewer (single item mode). |
![]() |
clipImageToContent | Indicates whether to clip the image outside the content area if ResizeOnTransform was set to false. |
![]() |
controlSize | Control size. |
![]() |
defaultInteractiveMode | Default interactive mode. |
![]() |
defaultZoomOrigin | Origin of the default zoom point for current horizontal and vertical alignment, in control pixel coordinates. |
![]() |
dropCopyKeyState | Modifier key used to initiate a copy drop operation |
![]() |
dropLinkKeyState | Modifier key used to initiate a link drop operation |
![]() |
dropMoveKeyState | Modifier key used to initiate a move drop operation |
![]() |
element | The HTML or SVG Element to be displayed in the viewer (single item mode). |
![]() |
enableRequestAnimationFrame | Indicates whether the ImageViewer should use HTML5 requestAnimationFrame when renderingthe image. |
![]() |
eraseBackgroundOnInvalidate | Indicates whether the ImageViewer will clear the foreground canvas prior to rendering. |
![]() |
eventCanvas | The Background HTML5 Canvas Element. |
![]() |
flip | Flip the view vertically. |
![]() |
flipImageElement | Flip the image vertically without the border. |
![]() |
floater | Floater image (single item mode). |
![]() |
floaterOpacity | Opacity used when rendering the floaters in this ImageViewer |
![]() |
floaterRegionRenderMode | Indicates how floater regions are rendered. |
![]() |
floaterTransform | Transformation matrix used by the floater image (single item mode). |
![]() |
foreCanvas | The Foreground HTML5 Canvas Element. |
![]() |
hasImage | Gets a value that indicate if the viewer currently has an image (single item mode). |
![]() |
hasItems | Gets a value that indicate whether this viewer has any items. |
![]() |
hasSize | Whether or not the ControlSize has a valid size. |
![]() |
hitTestStateInteractiveMode | The ImageViewerInteractiveMode that is currently in a hit-test state. |
![]() |
hoveredItemBackgroundColor | Hovered items background color. |
![]() |
hoveredItemBorderColor | Hovered items border color. |
![]() |
idleInteractiveMode | The ImageViewerInteractiveMode that is currently acting as the first idle mode. |
![]() |
image | The HTML Image Element to be displayed in the viewer (single item mode). |
![]() |
imageBackgroundColor | Images background color. |
![]() |
imageBorderColor | Images border color. |
![]() |
imageBorderThickness | Images border thickness. |
![]() |
imageBounds | Physical position and size of the image in the viewer (single item mode). |
![]() |
imageDropShadow | Images drop shadow properties |
![]() |
imageHorizontalAlignment | Specifies how to align the images inside their items horizontally. |
![]() |
imageProcessingLibrariesPath | Path to the image processing library script files. |
![]() |
imageRegionRenderMode | Indicates how image regions are rendered. |
![]() |
imageResolution | Resolution in dots/inch (or DPI) of the image (single item mode). |
![]() |
imageScale | Optional scale value to use when rendering the images (single item mode). |
![]() |
imagesDiv | Internally used for loading SVG documents with embedded images. |
![]() |
imageSize | Size of the image in the viewer (single item mode). |
![]() |
imageTransform | Current transformation matrix used for displaying the image (single item mode). |
![]() |
imageUrl | URL to the image to displayed in the viewer (single item mode). |
![]() |
imageVerticalAlignment | Specifies how to align the images inside their items vertically. |
![]() |
interactiveModes | The list of interactive modes in this ImageViewer. |
![]() |
interactiveService | The InteractiveService for this viewer control. |
![]() |
interpolationMode | Interpolation mode used by this ImageViewer. |
![]() |
interpolationRunMode | Interpolation run mode used by this ImageViewer. |
![]() |
invert | Indicates whether to invert the items images. |
![]() |
isRenderRedirected | Gets a value that indicate whether the current rendering operation is targeting an external device rather the control itself. |
![]() |
isSyncSource | Indicates that this image viewer can act as a sync source. |
![]() |
isSyncTarget | Indicates that this image viewer can act as a sync target. |
![]() |
isTransitionsEnabled | Detect if the image viewer is in a state where CSS transition detection is enabled. |
![]() |
itemBackgroundColor | Default items background color. |
![]() |
itemBorderColor | Default items border color. |
![]() |
itemBorderThickness | Items border thickness. |
![]() |
itemHorizontalAlignment | Specifies how to align the items inside the view horizontally. |
![]() |
itemMargin | Margins to use between the view and the items. |
![]() |
itemPadding | Padding to use between the items border and the content. |
![]() |
items | The collection of items in this ImageViewer |
![]() |
itemSize | Default item size. |
![]() |
itemSizeMode | Indicates how the images are displayed inside their items. |
![]() |
itemSpacing | Spacing to use between neighboring items. |
![]() |
itemTextColor | Default items text color. |
![]() |
itemTextFont | Items text font. |
![]() |
itemTextTrimming | Items text trimming options. |
![]() |
itemTextWrap | Indicates whether the items text should automatically wrap to the next line if needed. |
![]() |
itemVerticalAlignment | Specifies how to align the items inside the view vertically. |
![]() |
loadImageUrlMode | Specifies how an image should be loaded when this item is provided a URL (single item mode) |
![]() |
mainDiv | Main HTML Div Element. |
![]() |
maximumScaleFactor | Maximum scale factor allowed. |
![]() |
maximumScrollSize | Current maximum scroll size allowed. |
![]() |
minimumScaleFactor | Minimum scale factor allowed. |
![]() |
ownerDraw | Indicates whether the control automatically renders the view and items. |
![]() |
passthroughDiv | An HTML Div Element used for assistance with pointer events capture. |
![]() |
resizeElementForView | Indicates whether to resize the item element instead of scaling it for the view. |
![]() |
resizeOnTransform | Indicates whether the viewer should change the size of the scrolling area when an item is transformed. |
![]() |
restrictScroll | Indicates whether scrolling or panning the view outside the maximum range is allowed. |
![]() |
reverse | Reverse the view horizontally. |
![]() |
reverseImageElement | Reverse the image horizontally without the border. |
![]() |
rotateAngle | Value of the rotation angle to use when displaying the view. |
![]() |
scaleFactor | Value of the scale factor for the view display. |
![]() |
screenDpi | Current screen resolution in dots per inch (or DPI). |
![]() |
scrollMode | Determines how the control handles scrollbars when the current transformation results in the view area being larger thanthe control. |
![]() |
scrollOffset | Scroll offset value. |
![]() |
selectedItemBackgroundColor | Selected items background color. |
![]() |
selectedItemBorderColor | Selected items border color. |
![]() |
selectedItemTextColor | Selected items text color. |
![]() |
sizeMode | Gets a value that determines how the control displays the view and adjusts the display automatically. |
![]() |
syncId | Gets the sync ID of this image viewer. |
![]() |
tag | Object that contains data about the control. |
![]() |
textHorizontalAlignment | Specifies how to align the text inside their items horizontally. |
![]() |
textVerticalAlignment | Specifies how to align the text inside their items vertically. |
![]() |
updateShadowOnRotation | Deprecated. Indicates whether to update the CSS values for the box-shadow property of each item border element. |
![]() |
useDpi | Indicates whether the control must account for the physical resolution of the images when calculating the display properties. |
![]() |
useElements | Checks if the viewer is using the Elements Mode. |
![]() |
viewBorderColor | View border color. |
![]() |
viewBorderThickness | View border thickness. |
![]() |
viewBounds | Current view bounds. |
![]() |
viewDiv | Holds the item elements and shows the viewer's view margin, view padding, view border, and view box shadow. |
![]() |
viewDivHolder | Parent of the image viewer ImageViewer.ViewDiv. |
![]() |
viewDropShadow | View drop shadow properties |
![]() |
viewHorizontalAlignment | Specifies how to align the view inside the control horizontally. |
![]() |
viewLayout | View layout used by this ImageViewer. |
![]() |
viewMargin | Margins to use between the control boundary and the view. |
![]() |
viewPadding | Padding to use between the view border and the items. |
![]() |
viewSize | Current view size in pixels. |
![]() |
viewTransform | Current transformation matrix of the view. |
![]() |
viewVerticalAlignment | Specifies how to align the view inside the control vertically. |
![]() |
workingInteractiveMode | The ImageViewerInteractiveMode that is currently processing the input events (working). |
![]() |
xScaleFactor | Value of the horizontal scale factor for the view display. |
![]() |
yScaleFactor | Value of the vertical scale factor for the view display. |