Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Drawing on top of slide #382

Open
blobule opened this issue Jan 18, 2022 · 0 comments
Open

Drawing on top of slide #382

blobule opened this issue Jan 18, 2022 · 0 comments

Comments

@blobule
Copy link

blobule commented Jan 18, 2022

Hi! Thanks for this great work. I am using it for my teaching slides.

I absolutely need to draw on top of my slides when I present them, so I added some code to do it.
I am not submitting a pull request because the code is small, and if you like it it will be faster for you to integrate it nicely. It relies on the fabric.js (https://github.com/fabricjs) library.
Here is an example from my course (its in french:-):
http://www.iro.umontreal.ca/~roys/ift1005/01-internet.html
When in full mode, here are some keys to try:

  • a enters drawing mode
  • b exits drawing mode
  • just click and drag to draw. All drawings "stick" to the current slide.
  • z to erase current slide
  • 1, 2, 3 to change color
  • 8, 9,0 to change pen shape

You can see this in action in my recorded course :

The code that needs to be added to a slide is this:

    <!-- live drawing -->
    <link rel="stylesheet" href="shower/dessin.css">
    <div id="canvas-wrapper"> <canvas id="sheet"></canvas> </div>
    <script src="js/fabric.js"></script>
    <script src="shower/dessin.js"></script>

I have this on gitlab, but its all in the slides I provided. Feel free to use it as you see fit.
What's missing: drawing everything in list mode, and printing everything correctly.

Thanks again for this great project,
Sébastien

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant