Treci la conținutul principal

Sketchpad

Un caiet de desen pentru a lua notițe pe slide-urile de curs sau pe paginile goale.

Opțiuni

  • autoSave | boolean: controlează dacă editorul trebuie să salveze textul curent în memoria locală a browserului la un anumit interval de timp.. Default: true.
  • feedbackButtons | boolean: controlează dacă se afișează butoane de feedback pe fiecare diapozitiv. Default: false.
  • intervalTime | number: timpul dintre salvările automate. Default: 10000.
  • hideInputButtons | boolean: controlează dacă se vor ascunde butoanele de desen și de introducere a textului. Default: false.
  • hideNavigationButtons | boolean: controlează dacă se vor ascunde butoanele pentru navigarea între pagini. Default: false.
  • hideSaveButtons | boolean: controlează dacă se vor ascunde butoanele de salvare. Default: false.
  • hideTransmitButtons | boolean: controlează dacă trebuie ascunse butoanele pentru transmiterea acțiunilor utilizatorului. Default: false.
  • brushSize | number: dimensiunea pensulei cu care se pictează. Default: 4.
  • color | string: culoarea pensulei și a textelor. Default: '#444444'.
  • canvasWidth | number: lățimea elementului canvas (în px). Default: 1200.
  • canvasHeight | number: înălțimea elementului canvas (în px). Default: 700.
  • fullscreen | boolean: controlează dacă se redimensionează automat pânza la lățimea și înălțimea ferestrei browserului. Default: false.
  • fill | string: dacă horizontal, umple tot spațiul orizontal disponibil atunci când desenează un PDF; dacă vertical, tot spațiul vertical este folosit pentru a preveni depășirea axei y.. Default: 'vertical'.
  • disabled | boolean: dacă se dorește ca componenta să fie numai pentru citire și să se interzică desenarea pe sketchpad. Default: false.
  • fontFamily | string: familie de fonturi. Default: 'Arial'.
  • fontSize | number: dimensiunea fontului. Default: 24.
  • nodes | object: componentele care trebuie să fie redate deasupra diapozitivelor specificate; keys trebuie să corespundă numerelor de pagină, values la componente. Default: {}.
  • noPages | number: numărul inițial de pagini. Default: 1.
  • pdf | string: link către fișierul PDF pentru fundalurile de pagină încorporate. Default: none.
  • showTutorial | boolean: afișați tutorialul pentru sketchpad la pornire. Default: false.
  • dynamicallyHideButtons | boolean: controlează dacă trebuie să înceapă ascunderea butoanelor atunci când lățimea barei de instrumente nu este suficientă (în caz contrar, va fi inițiată o nouă linie). Default: false.
  • transmitOwner | boolean: dacă acțiunile proprietarului trebuie transmise în timp real altor utilizatori. Default: true.
  • groupMode | boolean: controlează dacă toate acțiunile utilizatorului sunt transmise tuturor celorlalți. Default: false.
  • style | object: Stiluri inline CSS. Default: {}.
  • onChange | function: callback invocat ori de câte ori este desenat un nou element de linie. Default: onChange() {}.

Exemple

Editor live
Rezultat
ReferenceError: Provider is not defined