Ir al contenido principal

Sketchpad

Un bloc de dibujo para tomar notas de las diapositivas de la conferencia o de las páginas vacías.

Opciones​

  • autoSave | boolean: controla si el editor debe guardar el texto actual en el almacenamiento local del navegador en un intervalo de tiempo determinado. Default: true.
  • feedbackButtons | boolean: controla si se muestran los botones de retroalimentación en cada diapositiva. Default: false.
  • intervalTime | number: el tiempo entre los ahorros automáticos. Default: 10000.
  • hideInputButtons | boolean: controla si ocultar los botones de dibujo y de introducción de texto. Default: false.
  • hideNavigationButtons | boolean: controla si ocultar los botones para navegar entre las páginas. Default: false.
  • hideSaveButtons | boolean: controla si ocultar los botones de guardar. Default: false.
  • hideTransmitButtons | boolean: controla si se deben ocultar los botones para transmitir las acciones del usuario. Default: false.
  • brushSize | number: el tamaño del pincel para pintar con. Default: 4.
  • color | string: el color del pincel y los textos. Default: '#444444'.
  • canvasWidth | number: ancho del elemento de la tela (en px). Default: 1200.
  • canvasHeight | number: altura del elemento de la tela (en px). Default: 700.
  • fullscreen | boolean: controla si se debe cambiar automáticamente el tamaño del lienzo al ancho y alto de la ventana del navegador. Default: false.
  • fill | string: si es "horizontal", rellena todo el espacio horizontal disponible al dibujar un PDF; si es "vertical", todo el espacio vertical se utiliza para evitar el desbordamiento del eje Y. Default: 'vertical'.
  • disabled | boolean: si hacer el componente de sólo lectura y prohibir el dibujo en el bloc de dibujo. Default: false.
  • fontFamily | string: familia de fuentes. Default: 'Arial'.
  • fontSize | number: El tamaño de la letra. Default: 24.
  • nodes | object: los componentes que deben ser mostrados en la parte superior de las diapositivas especificadas; las "teclas" deben corresponder a los números de página, los "valores" a los componentes. Default: {}.
  • noPages | number: número inicial de páginas. Default: 1.
  • pdf | string: enlace al archivo PDF para fondos de páginas horneadas. Default: none.
  • showTutorial | boolean: mostrar el tutorial para el sketchpad al inicio. Default: false.
  • dynamicallyHideButtons | boolean: controla si se debe empezar a ocultar los botones cuando el ancho de la barra de herramientas no es suficiente (de lo contrario, se iniciará una nueva línea). Default: false.
  • transmitOwner | boolean: si las acciones de los propietarios deben ser transmitidas a otros usuarios en tiempo real. Default: true.
  • groupMode | boolean: controla si todas las acciones del usuario se transmiten a todos los demás. Default: false.
  • style | object: Estilos en línea CSS. Default: {}.
  • onChange | function: llamada de retorno cada vez que se dibuja un nuevo elemento de línea. Default: onChange() {}.

Ejemplos​

Editor en vivo
Resultado
ReferenceError: Provider is not defined