The Ink View properties apply to the Ink Control's View portion. When a portion of an image is altered in the editor then the impact of the edit on the image as a whole is visible in the view. A zoom box inside the view can be dragged around and scaled inside in order to edit different portions of an image in greater detail.
- Class name
The CSS class of the Ink Control view part.
- Page class name
The CSS class of the Ink Control view part page (the bounds of the ink).
- Page offset
The offset (in pixels) of the page when th Ink Control is doing size calculations. This can be used to adjust for borders in the CSS class - for instance if you had a '1px' border, you would want a page offset of '1'.
- Has overlay
The Ink Control view overlay allows you to place buttons over the ink that can be used to change tools, undo/redo and navigate the ink.
The HTML to overlay the Ink View part. This can include buttons to select tools and navigate.
- Zoom box class name
The CSS class of the Ink Control view part zoom box (the area currently being edited).
- Zoom box navigate class name
The CSS class of the Ink Control view part zoom box (the area currently being edited) for when the view is being panned or zoomed, and is in "preview mode", the view will be scaled, so CSS styling on the zoom box might look different. The class can allow for a better look while navigation is happening.
- Zoom box scale class name
The CSS class name to add to the zoom box if scaling is allowed.
- Auto scale
If auto scale is on, then the view will scale the Ink automatically to fit the available space. The Ink will be re-scaled when the Ink View size changes.
- Scale fit
Ink dimension to scale to.
- Scale margin
Margin (in pixels) to place around the Ink when auto scaling.
- Lock auto scale
If lock auto scale is on, then the user will not be able to pinch zoom the Ink View.
- Zoom box can scale
Defines if the zoom box can be dynamically scaled by the user by dragging on the corner of the zoom box.