Sketchpad

Ένα μπλοκ ζωγραφικής για σημειώσεις σε διαφάνειες διαλέξεων ή κενές σελίδες.

Επιλογές

• autoSave | boolean: ελέγχει αν ο συντάκτης θα πρέπει να αποθηκεύει το τρέχον κείμενο στον τοπικό αποθηκευτικό χώρο του προγράμματος περιήγησης σε ένα συγκεκριμένο χρονικό διάστημα. Default: true.
• feedbackButtons | boolean: ελέγχει αν θα εμφανίζονται κουμπιά ανάδρασης σε κάθε διαφάνεια. Default: false.
• intervalTime | number: χρόνος μεταξύ των αυτόματων αποθηκεύσεων. Default: 10000.
• hideInputButtons | boolean: ελέγχει αν θα αποκρύπτονται τα κουμπιά εισαγωγής σχεδίασης και κειμένου. Default: false.
• hideNavigationButtons | boolean: ελέγχει αν θα αποκρύπτονται τα κουμπιά για την πλοήγηση μεταξύ των σελίδων. Default: false.
• hideSaveButtons | boolean: ελέγχει αν θα αποκρύπτονται τα κουμπιά αποθήκευσης. Default: false.
• hideTransmitButtons | boolean: ελέγχει αν θα αποκρύπτονται τα κουμπιά για τη μετάδοση ενεργειών του χρήστη. Default: false.
• brushSize | number: μέγεθος του πινέλου με το οποίο θα ζωγραφίσετε. Default: 4.
• color | string: χρώμα του πινέλου και των κειμένων. Default: '#444444'.
• canvasWidth | number: πλάτος του στοιχείου καμβά (σε px). Default: 1200.
• canvasHeight | number: ύψος του στοιχείου καμβά (σε px). Default: 700.
• fullscreen | boolean: ελέγχει αν θα αλλάζει αυτόματα το μέγεθος του καμβά στο πλάτος και το ύψος του παραθύρου του προγράμματος περιήγησης. Default: false.
• fill | string: αν "οριζόντια", γεμίζει όλο τον διαθέσιμο οριζόντιο χώρο κατά τη σχεδίαση ενός PDF- αν "κατακόρυφη", χρησιμοποιείται όλος ο κατακόρυφος χώρος για να αποφευχθεί η υπερχείλιση του άξονα y. Default: 'vertical'.
• disabled | boolean: αν το στοιχείο θα είναι μόνο για ανάγνωση και θα απαγορεύεται η σχεδίαση στο sketchpad. Default: false.
• fontFamily | string: οικογένεια γραμματοσειράς. Default: 'Arial'.
• fontSize | number: μέγεθος γραμματοσειράς. Default: 24.
• nodes | object: στοιχεία που θα εμφανίζονται πάνω από τις καθορισμένες διαφάνειες- τα "κλειδιά" θα πρέπει να αντιστοιχούν στους αριθμούς σελίδων, οι "τιμές" στα στοιχεία. Default: {}.
• noPages | number: αρχικός αριθμός σελίδων. Default: 1.
• pdf | string: σύνδεσμος σε αρχείο PDF για τα φόντα σελίδων που έχουν ενσωματωθεί. Default: none.
• showTutorial | boolean: Εμφάνιση του σεμιναρίου για το sketchpad κατά την εκκίνηση. Default: false.
• dynamicallyHideButtons | boolean: ελέγχει αν θα αρχίσει η απόκρυψη των κουμπιών όταν το πλάτος της γραμμής εργαλείων δεν επαρκεί (διαφορετικά θα ξεκινήσει μια νέα γραμμή). Default: false.
• transmitOwner | boolean: αν οι ενέργειες του ιδιοκτήτη θα πρέπει να διαβιβάζονται σε άλλους χρήστες σε πραγματικό χρόνο. Default: true.
• groupMode | boolean: ελέγχει αν οι ενέργειες όλων των χρηστών μεταδίδονται σε όλους τους άλλους. Default: false.
• style | object: Στυλ γραμμής CSS. Default: {}.
• onChange | function: callback που καλείται κάθε φορά που σχεδιάζεται ένα νέο στοιχείο γραμμής. Default: onChange() {}.

Παραδείγματα

Live Editor

<Sketchpad canvasWidth={750} />

<Sketchpad canvasWidth={750} />

Αποτέλεσμα

ReferenceError: Provider is not defined