New to Kendo UI for Vue? Start a free 30-day trial
Represents an image (see example).
(src: string, rect: Rect)
Creates an image instance.
string
The source image URL.
Rect
A rectangle defining the image size and position.
|  | 
|---|
| Returns the bounding box of the element with applied transformations. | 
| | Returns |  | 
|---|
 | 
Rect | 
The bounding box of the element with transformations applied. | 
 | 
|  | 
|---|
| Gets the class attribute of the element. The class will be rendered only for SVG output. | 
| | Returns |  | 
|---|
 | 
string | the value of the classattribute of the element. | 
 | 
|  | 
|---|
| Sets the class attribute of the element. The class will be rendered only for SVG output. | 
| | Parameters |  |  | 
|---|
 | className | 
string | The value of the class attribute. | 
 | 
|  | 
|---|
| Gets the clipping path for this element. | 
| | Returns |  | 
|---|
 | 
Path | 
The clipping path for this element. | 
 | 
|  | 
|---|
| Sets the clipping path for this element. The Path instance will be monitored for changes. Can be replaced by calling the clipmethod. The following example demonstrates how to set a clipping path on a Circle. The following example demonstrates how to clear a clipping path. | 
| | Parameters |  |  | 
|---|
 | clip | 
Path | The element clipping path. | 
 | 
|  | 
|---|
| Returns the bounding box of the element with clipping and transformations applied. This is the rectangle that will fit around the actual rendered element. | 
| | Returns |  | 
|---|
 | 
Rect | 
The bounding box of the element with clipping and transformations applied. | 
 | 
|  | 
|---|
| Returns trueif the shape contains the specified point. | 
| | Parameters |  |  | 
|---|
 | point | 
Point | The point that should be checked. | 
 | 
| | Returns |  | 
|---|
 | 
boolean | value indicating if the shape contains the point. | 
 | 
|  | 
|---|
| Gets the element opacity. | 
| | Returns |  | 
|---|
 | 
number | The current element opacity. | 
 | 
|  | 
|---|
| Sets the opacity of the element. | 
| | Parameters |  |  | 
|---|
 | opacity | 
number | The element opacity. Ranges from 0 (completely transparent) to 1 (completely opaque). | 
 | 
|  | 
|---|
| Gets the rectangle which defines the position and size of the image. | 
| | Returns |  | 
|---|
 | 
Rect | 
The rectangle which defines the position and size of the image. | 
 | 
|  | 
|---|
| Sets the rectangle which defines the position and size of the image. | 
| | Parameters |  |  | 
|---|
 | value | 
Rect | The rectangle which defines the position and size of the image. | 
 | 
|  | 
|---|
| Gets the source URL of the image. | 
| | Returns |  | 
|---|
 | 
string | 
The source URL of the image. | 
 | 
|  | 
|---|
| Sets the source URL of the image. | 
| | Parameters |  |  | 
|---|
 | value | 
string | The source URL of the image. | 
 | 
|  | 
|---|
| Gets the transformation of the element. | 
|  | 
|  | 
|---|
| Sets the transformation of the element. | 
| | Parameters |  |  | 
|---|
 | transform | 
Transformation | The transformation to apply to the element. | 
 | 
|  | 
|---|
| Gets the visibility of the element. | 
| | Returns |  | 
|---|
 | 
boolean | true if the element is visible. Otherwise, returns false. | 
 | 
|  | 
|---|
| Sets the visibility of the element. | 
| | Parameters |  |  | 
|---|
 | visible | 
boolean | A flag which indicates if the element will be visible. | 
 |