Passa al contenuto principale

Sketchpad

Un blocco da disegno per prendere appunti sulle diapositive delle lezioni o sulle pagine vuote.

Opzioni​

  • autoSave | boolean: controlla se l'editor deve salvare il testo corrente nella memoria locale del browser in un determinato intervallo di tempo. Default: true.
  • feedbackButtons | boolean: controlla se visualizzare i pulsanti di feedback su ogni diapositiva. Default: false.
  • intervalTime | number: il tempo tra un'auto e l'altra fa risparmiare. Default: 10000.
  • hideInputButtons | boolean: controlla se nascondere i pulsanti di disegno e di inserimento testo. Default: false.
  • hideNavigationButtons | boolean: controlla se nascondere i pulsanti per la navigazione tra le pagine. Default: false.
  • hideSaveButtons | boolean: controlla se nascondere i pulsanti di salvataggio. Default: false.
  • hideTransmitButtons | boolean: controlla se nascondere i pulsanti per la trasmissione delle azioni dell'utente. Default: false.
  • brushSize | number: dimensione del pennello con cui dipingere. Default: 4.
  • color | string: colore del pennello e dei testi. Default: '#444444'.
  • canvasWidth | number: larghezza dell'elemento di tela (in px). Default: 1200.
  • canvasHeight | number: altezza dell'elemento di tela (in px). Default: 700.
  • fullscreen | boolean: controlla se ridimensionare automaticamente l'area di disegno alla larghezza e all'altezza della finestra del browser. Default: false.
  • fill | string: se orizzontale, riempire tutto lo spazio orizzontale disponibile quando si disegna un PDF; se verticale, tutto lo spazio verticale viene utilizzato per evitare il trabocco dell'asse y. Default: 'vertical'.
  • disabled | boolean: se rendere il componente di sola lettura e vietare il disegno sul blocco per schizzi. Default: false.
  • fontFamily | string: famiglia di font. Default: 'Arial'.
  • fontSize | number: dimensione del carattere. Default: 24.
  • nodes | object: componenti da rendere sopra le diapositive specificate; i "tasti" dovrebbero corrispondere ai numeri di pagina, i "valori" ai componenti. Default: {}.
  • noPages | number: numero iniziale di pagine. Default: 1.
  • pdf | string: link al file PDF per sfondi di pagine cotte al forno. Default: none.
  • showTutorial | boolean: mostra il tutorial per lo sketchpad all'avvio. Default: false.
  • dynamicallyHideButtons | boolean: controlla se iniziare a nascondere i pulsanti quando la larghezza della barra degli strumenti non è sufficiente (altrimenti verrà avviata una nuova linea). Default: false.
  • transmitOwner | boolean: se le azioni del proprietario debbano essere trasmesse ad altri utenti in tempo reale. Default: true.
  • groupMode | boolean: controlla se tutte le azioni dell'utente vengono trasmesse a tutti gli altri. Default: false.
  • style | object: Stili in linea CSS. Default: {}.
  • onChange | function: richiamata ogni volta che viene disegnato un nuovo elemento di linea. Default: onChange() {}.

Esempi​

Editore dal vivo
Risultato
ReferenceError: Provider is not defined