Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
| Name | Description |
|---|---|
NoRepeat
The pattern will be displayed only once (no repeat).
Repeat
Default. The pattern repeats both horizontally and vertically.
RepeatX
The pattern repeats only horizontally.
RepeatY
The pattern repeats only vertically.
Repeats the specified element in the specified direction. The repeated element can be used to draw/fill rectangles, circles, lines etc.
Copy
Displays the source image. The destination image is ignored.
DestinationAtop
Displays the destination image on top of the source image. The part of the destination image that is outside the source image is not shown.
DestinationIn
Displays the destination image in to the source image. Only the part of the destination image that is INSIDE the source image is shown, and the source image is transparent.
DestinationOut
Displays the destination image out of the source image. Only the part of the destination image that is OUTSIDE the source image is shown, and the source image is transparent.
DestinationOver
Displays the destination image over the source image.
Lighter
Displays the source image + the destination image.
SourceAtop
Displays the source image on top of the destination image. The part of the source image that is outside the destination image is not shown.
SourceIn
Displays the source image in to the destination image. Only the part of the source image that is INSIDE the destination image is shown, and the destination image is transparent.
SourceOut
Displays the source image out of the destination image. Only the part of the source image that is OUTSIDE the destination image is shown, and the destination image is transparent.
SourceOver
Default. Displays the source image over the destination image.
Xor
The source image is combined by using an exclusive OR with the destination image.
Sets or returns how a new image are drawn onto an existing image.
Butt
Default. A flat edge is added to each end of the line.
Round
A rounded end cap is added to each end of the line.
Square
A square end cap is added to each end of the line.
Sets or returns the style of the end caps for a line.
Bevel
Creates a beveled corner.
Miter
Default. Creates a sharp corner.
Round
Creates a rounded corner.
Sets or returns the type of corner created, when two lines meet.
Alphabetic | Default. The text baseline is the normal alphabetic baseline. |
Bottom | The text baseline is the bottom of the bounding box. |
Hanging | The text baseline is the hanging baseline. |
Ideographic | The text baseline is the ideographic baseline. |
Middle | The text baseline is the middle of the em square. |
Top | The text baseline is the top of the em square. |
Sets or returns the current text baseline used when drawing text. |
Center | The center of the text is placed at the specified position. |
End | The text ends at the specified position. |
Left | The text starts at the specified position. |
Right | The text ends at the specified position. |
Start | Default. The text starts at the specified position. |
Sets or returns the current alignment for text content, according to the anchor point. |
Wisej.Web.Canvas
Namespace: Wisej.Web
Assembly: Wisej.Framework (3.1.0.0)
Represents the HTML5 canvas element.
Initializes a new instance of the class.
: Indicates the border style for the control. (Default: None)
Creates an arc/curve (used to create circles, or parts of circles).
Creates an arc/curve (used to create circles, or parts of circles).
Creates an arc/curve between two tangents on the canvas.
Creates an arc/curve between two tangents on the canvas.
begins a path, or resets the current path.
Adds a point to the current path by using the specified control points that represent a cubic Bézier curve.
A cubic bezier curve requires three points. The first two points are control points that are used in the cubic Bézier calculation and the last point is the ending point for the curve. The starting point for the curve is the last point in the current path. If a path does not exist, use the beginPath() and moveTo() methods to define a starting point.
Clears the specified pixels within a given rectangle.
Clears the specified pixels within a given rectangle.
Clips a region of any shape and size from the original canvas.
Once a region is clipped, all future drawing will be limited to the clipped region (no access to other regions on the canvas). You can however save the current canvas region using the save() method before using the clip() method, and restore it (with the restore() method) any time in the future.
Creates a path from the current point back to the starting point.
Creates a linear gradient object. The gradient can be used to fill rectangles, circles, lines, text, etc.
Repeats the specified element in the specified direction. The repeated element can be used to draw/fill rectangles, circles, lines etc.
Repeats the specified element in the specified direction. The repeated element can be used to draw/fill rectangles, circles, lines etc.
Creates a linear gradient object. The gradient can be used to fill rectangles, circles, lines, text, etc.
Draws an image onto the canvas.
Draws an image onto the canvas.
Draws an image onto the canvas.
Draws an image onto the canvas.
Draws an image onto the canvas.
Draws an image onto the canvas.
Draws an image onto the canvas.
Draws an image onto the canvas.
Draws an image onto the canvas.
Draws an image onto the canvas.
Draws an image onto the canvas.
Draws an image onto the canvas.
Fills the current drawing (path.)
Draws a "filled" rectangle. The default color of the fill is black.
Draws a "filled" rectangle. The default color of the fill is black.
Draws filled text on the canvas. The default color of the text is black.
Draws filled text on the canvas. The default color of the text is black.
Returns the current line dash pattern.
Adds a new point and creates a line TO that point FROM the last specified point in the canvas (this method does not draw the line).
Adds a new point and creates a line TO that point FROM the last specified point in the canvas (this method does not draw the line).
Moves the path to the specified point in the canvas, without creating a line.
Use the stroke() method to actually draw the path on the canvas.
Moves the path to the specified point in the canvas, without creating a line.
Use the stroke() method to actually draw the path on the canvas.
Adds a point to the current path by using the specified control points that represent a quadratic Bézier curve.
A quadratic Bézier curve requires two points. The first point is a control point that is used in the quadratic Bézier calculation and the second point is the ending point for the curve. The starting point for the curve is the last point in the current path. If a path does not exist, use the beginPath() and moveTo() methods to define a starting point.
Creates a rectangle.
Creates a rectangle.
Returns previously saved path state and attributes.
Method rotates the current drawing.
The rotation will only affect drawings made AFTER the rotation is done.
Saves the state of the current context.
Scales the current drawing, bigger or smaller.
Scales the current drawing, bigger or smaller.
Sets the line dash pattern.
Resets the current transform to the identity matrix, and then runs transform() with the same arguments.
The transformation will only affect drawings made after the transform() method is called. The transform() method behaves relatively to other transformations made by rotate(), scale(), translate(), or transform(). Example: If you already have set your drawing to scale by two, and the transform() method scales your drawings by two, your drawings will now scale by four.
Draws the path you have defined.
Draws a rectangle (no fill). The default color of the stroke is black.
Draws a rectangle (no fill). The default color of the stroke is black.
Draws text (with no fill) on the canvas. The default color of the text is black.
Draws text (with no fill) on the canvas. The default color of the text is black.
Replaces the current transformation matrix.
The transformation will only affect drawings made after the transform() method is called. The transform() method behaves relatively to other transformations made by rotate(), scale(), translate(), or transform(). Example: If you already have set your drawing to scale by two, and the transform() method scales your drawings by two, your drawings will now scale by four.
Remaps the (0,0) position on the canvas.
When you call a method such as fillRect() after translate(), the value is added to the x- and y-coordinate values.
Remaps the (0,0) position on the canvas.
When you call a method such as fillRect() after translate(), the value is added to the x- and y-coordinate values.
: Sets or returns the color, gradient, or pattern used to fill the drawing.
: Sets or returns the current alpha or transparency value of the drawing.
: Sets or returns how a new image are drawn onto an existing image.
: Sets or returns the style of the end caps for a line.
: Sets or returns the type of corner created, when two lines meet.
: Sets or returns the type of corner created, when two lines meet.
: Sets or returns the current line width, in pixels.
: Turns live update mode on or off. When live update is on, all canvas calls are pushed to the client immediately, when is off (default) the control updates the client at the end of the request.
: Sets or returns the maximum miter length.
: Sets or returns the blur level for shadows.
: Sets or returns the color to use for shadows.
: Sets or returns the horizontal distance of the shadow from the shape.
: Sets or returns the vertical distance of the shadow from the shape.
: Sets or returns the color, gradient, or pattern used for strokes.
: Sets or returns the current alignment for text content, according to the anchor point.
: Sets or returns the current text baseline used when drawing text.
: Sets or returns the current font properties for text content on the canvas.
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
Returns: .
| Parameter | Type | Description |
|---|
Returns: .
| Parameter | Type | Description |
|---|
Returns: .
| Parameter | Type | Description |
|---|
Returns: .
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
Returns: . A list of numbers that specifies distances to alternately draw a line and a gap (in coordinate space units).
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
| Parameter | Type | Description |
|---|
Fired when the canvas requires a full redraw.
| Name | Description |
|---|
x | The x-coordinate of the center of the circle. |
y | The y-coordinate of the center of the circle. |
radius | The radius of the circle. |
startAngle | The starting angle, in degrees. |
endAngle | The ending angle, in degrees. |
counterClockwise | Specifies whether the drawing should be counterclockwise or clockwise. Default is false. |
location | The x-coordinate and y-coordinate of the center of the circle. |
radius | The radius of the circle. |
startAngle | The starting angle, in degrees. |
endAngle | The ending angle, in degrees. |
counterClockwise | Specifies whether the drawing should be counterclockwise or clockwise. Default is false. |
x1 | The x-coordinate of the first tangent. |
y1 | The y-coordinate of the first tangent. |
x2 | The x-coordinate of the second tangent. |
y2 | The y-coordinate of the second tangent. |
radius | The radius of the arc |
location1 | The x-coordinate and y-coordinate of the first tangent. |
location2 | The x-coordinate and y-coordinate of the second tangent. |
radius | The radius of the arc |
cp1x | The x-coordinate of the first Bézier control point. |
cp1y | The y-coordinate of the first Bézier control point. |
cp2x | The x-coordinate of the second Bézier control point. |
cp2y | The y-coordinate of the second Bézier control point. |
x | The x-coordinate of the ending point. |
y | The y-coordinate of the ending point. |
rect | Rectangle's coordinates and size. |
x | The x-coordinate of the upper-left corner of the rectangle. |
y | The y-coordinate of the upper-left corner of the rectangle. |
width | The width of the rectangle, in pixels. |
height | The height of the rectangle, in pixels. |
x0 | The x-coordinate of the start point of the gradient. |
y0 | The y-coordinate of the start point of the gradient. |
x1 | The x-coordinate of the end point of the gradient. |
y1 | The y-coordinate of the end point of the gradient. |
colorStops | Array of color stops. Each element must define a stop value between 0.0 and 1.0 and a color value. |
image | Specifies the image of the pattern to use. |
repeat | Specifies the repeat pattern. |
imageSource | Specifies the source of the image of the pattern to use. |
repeat | Specifies the repeat pattern. |
x0 | The x-coordinate of the start point of the gradient. |
y0 | The y-coordinate of the start point of the gradient. |
r0 | The radius of the starting circle. |
x1 | The x-coordinate of the end point of the gradient. |
y1 | The y-coordinate of the end point of the gradient. |
r1 | The radius of the ending circle. |
colorStops | Array of color stops. Each element must define a stop value between 0.0 and 1.0 and a color value. |
image | Specifies the image to draw. |
x | The x-coordinate where to place the image on the canvas. |
y | The y-coordinate where to place the image on the canvas. |
image | Specifies the image to draw. |
location | The x-coordinate and y-coordinate where to place the image on the canvas. |
image | Specifies the image to draw. |
x | The x-coordinate where to place the image on the canvas. |
y | The y-coordinate where to place the image on the canvas. |
width | The width of the image to use (stretch or reduce the image). |
height | The height of the image to use (stretch or reduce the image). |
image | Specifies the image to draw. |
rect | The coordinates and size of the image to place on the canvas. |
image | Specifies the image to draw. |
clipX | The x-coordinate where to start clipping. |
clipY | The y-coordinate where to start clipping. |
clipWidth | The width of the clipped image. |
clipHeight | The height of the clipped image. |
x | The x coordinate where to place the image on the canvas. |
y | The y coordinate where to place the image on the canvas. |
width | The width of the image to use (stretch or reduce the image). |
height | The height of the image to use (stretch or reduce the image). |
image | Specifies the image to draw. |
clipRect | The clip rectangle. |
imageRect | The size and location of the image to place on the canvas. |
imageSource | Specifies the image to draw. |
x | The x-coordinate where to place the image on the canvas. |
y | The y-coordinate where to place the image on the canvas. |
imageSource | Specifies the image to draw. |
location | The x-coordinate and y-coordinate where to place the image on the canvas. |
imageSource | Specifies the image to draw. |
x | The x coordinate where to place the image on the canvas. |
y | The y coordinate where to place the image on the canvas. |
width | The width of the image to use (stretch or reduce the image). |
height | The height of the image to use (stretch or reduce the image). |
imageSource | Specifies the image to draw. |
rect | The coordinates and size of the image to place on the canvas. |
imageSource | Specifies the image to draw. |
clipX | The x coordinate where to start clipping. |
clipY | The y coordinate where to start clipping. |
clipWidth | The width of the clipped image. |
clipHeight | The height of the clipped image. |
x | The x coordinate where to place the image on the canvas. |
y | The y coordinate where to place the image on the canvas. |
width | The width of the image to use (stretch or reduce the image). |
height | The height of the image to use (stretch or reduce the image). |
imageSource | Specifies the image to draw. |
clipRect | The clip rectangle. |
imageRect | The size and location of the image to place on the canvas. |
rect | Rectangle's coordinates and size. |
x | The x-coordinate of the upper-left corner of the rectangle. |
y | The y-coordinate of the upper-left corner of the rectangle. |
width | The width of the rectangle, in pixels. |
height | The height of the rectangle, in pixels. |
text | Specifies the text that will be written on the canvas. |
x | The x-coordinate where to start painting the text (relative to the canvas). |
y | The y-coordinate where to start painting the text (relative to the canvas) |
text | Specifies the text that will be written on the canvas. |
location | The x-coordinate and y-coordinate where to start painting the text (relative to the canvas). |
x | The x-coordinate of where to create the line to. |
y | The y-coordinate of where to create the line to. |
location | The x-coordinate and y-coordinate of where to create the line to. |
x | The x-coordinate of where to move the path to. |
y | The y-coordinate of where to move the path to. |
location | The x-coordinate and y-coordinate of where to move the path to. |
cpx | The x-coordinate of the Bézier control point. |
cpy | The y-coordinate of the Bézier control point. |
x | The x-coordinate of the ending point. |
y | The y-coordinate of the ending point. |
rect | Rectangle's coordinates and size. |
x | The x-coordinate of the upper-left corner of the rectangle. |
y | The y-coordinate of the upper-left corner of the rectangle. |
width | The width of the rectangle, in pixels. |
height | The height of the rectangle, in pixels. |
degrees | The rotation angle, in degrees. |
scaleWidth | Scales the width of the current drawing (1=100%, 0.5=50%, 2=200%, etc.) |
scaleHeight | Scales the height of the current drawing (1=100%, 0.5=50%, 2=200%, etc.) |
scale | Scales the width of the current drawing (1=100%, 0.5=50%, 2=200%, etc.) |
segments | A list of numbers that specifies distances to alternately draw a line and a gap (in coordinate space units). If the number of elements in the array is odd, the elements of the array get copied and concatenated. For example, [5, 15, 25] will become [5, 15, 25, 5, 15, 25]. |
scaleWidth | Scales the drawing horizontally. |
skewHoriz | Skew the drawing horizontally. |
skewVert | Skew the drawing vertically. |
scaleHeight | Scales the drawing vertically. |
x | Moves the drawing horizontally |
y | Moves the drawing vertically. |
rect | Rectangle's coordinates and size. |
x | The x-coordinate of the upper-left corner of the rectangle. |
y | The y-coordinate of the upper-left corner of the rectangle. |
width | The width of the rectangle, in pixels. |
height | The height of the rectangle, in pixels. |
text | Specifies the text that will be written on the canvas. |
x | The x-coordinate where to start painting the text (relative to the canvas). |
y | The y-coordinate where to start painting the text (relative to the canvas) |
text | Specifies the text that will be written on the canvas. |
location | The x-coordinate and y-coordinate where to start painting the text (relative to the canvas). |
scaleWidth | Scales the drawing horizontally. |
skewHoriz | Skew the drawing horizontally. |
skewVert | Skew the drawing vertically. |
scaleHeight | Scales the drawing vertically. |
x | Moves the drawing horizontally |
y | Moves the drawing vertically. |
x | The value to add to horizontal (x) coordinates. |
y | The value to add to vertical (y) coordinates. |
location | The value to add to horizontal (x) and vertical (y) coordinates. |
Bindable components implement this interface. |
Controls that support drag & drop operations implement this interface. |
All wisej components implement this interface. |
Represents a Wisej component that is capable of handling postback requests from the client. |
Allows an object to serialize itself. |
All wisej controls derived from the class must implement this interface.