MImage
The MImage component renders an image. It can also contain MapShape components, which can be used to attach interaction to parts of the image.
Contents
Configuration
In order to get the MImage working you only need to give a proper value to its ImageSource property.
Usage
Base64
Encode
You can encode your MImage as base64 like this:
// Gather needed data from the control:
$path = $this->ComponentName->ImageSource;
$filetype = $this->ComponentName->BinaryType;
// Open the image:
$file = fread(fopen($path, "r"), filesize($path));
// Encode it:
$base64 = 'data:' . $filetype . ';base64,' . base64_encode($file);
Display
You can enter a base64-encoded image code directly into MImage’s ImageSource property. If yours does not seem to work, you can try with this one.
Client-side Features
DOM Elements
The component generates the following client-side DOM elements:
- Wrapper (HTMLDivElement). Full web browser support. Access it with
$("#ComponentName_outer").get()[0]
.- Main element (HTMLImageElement). Full web browser support. Access it with:
$("#ComponentName").get()[0]
.
- Main element (HTMLImageElement). Full web browser support. Access it with:
Client-side Events
- Documented in the RPCL Reference.
Server-side Features
Properties, Methods and Events
- Documented in the RPCL Reference.
See Also
- Alternatives: Image (web applications).