new DrawOqt(namenon-null, valueopt, use_changeopt, delayopt, optionsopt, change_varnullable, contextopt) → {string}
Componente que renderiza una pizarra donde el usuario puede dibujar libremente. En la documentacion se pueden consultar las opciones que acepta options: https://github.com/embiem/react-canvas-draw
Parameters:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
name |
ControlName | Identificacion del control |
||
value |
DataURL |
<optional> |
"" | El valor por defecto del componente |
use_change |
BooleanString |
<optional> |
"true" | Determina si se usara el evento de cambio |
delay |
string |
<optional> |
"1000" | El tiempo que demora en enviar el evento de cambio al form (en ms) |
options |
DrawOqtOptions |
<optional> |
{...} | Json string con las opciones de CanvasDraw. Default: {
"loadTimeOffset": 5,
"lazyRadius": 1,
"brushRadius": 1,
"brushColor": "#444",
"catenaryColor": "#0a0302",
"gridColor": "rgba(150,150,150,0.17)",
"hideGrid": false,
"canvasWidth": 400,
"canvasHeight": 400,
"disabled": false,
"imgSrc": "",
"immediateLoading": false,
"hideInterface": false,
"gridSizeX": 25,
"gridSizeY": 25,
"gridLineWidth": 0.5,
"hideGridX": false,
"hideGridY": false,
"enablePanAndZoom": false,
"mouseZoomFactor": 0.01,
"zoomExtents": { "min": 0.33, "max": 3 }
} |
change_var |
string |
<nullable> |
Variable que tomará el valor del control cuando se modifique |
|
context |
string |
<optional> |
"global" | Contexto donde se encuentra la variable |
- Source:
Returns:
Data URL string
- Type
- string
Example
<draw name="firma" options='{"brushColor": "blue"}'></draw>