A free useful tool for drawing or marking up web pages for teaching or online presentations, is Page Marker. See the below link where to get it in the Chrome Extensions store.
Draw or highlight on any website in real time. Add text, lines, and shapes. Move, undo, or redo anything you draw.
Draw on any website, add text, add lines, and highlight! With Page Marker, you can use your mouse or touchscreen to draw on the web or on PDFs and save it to your computer. Paint, draw, and mark on any webpage or website.
Instructions:
1. Click the puzzle piece-shaped extensions icon in the top right corner of your browser. Pin the Page Marker red marker icon for ease of access.
2. Begin drawing on any webpage with your mouse or touchscreen.
3. To change the color of the marker, click on the color selecting box.
You can download the extension below:
https://chromewebstore.google.com/detail/page-marker-draw-on-web/jfiihjeimjpkpoaekpdpllpaeichkiod
For Firefox, Draw on Page is a similar extension that allows drawing and highlighting a web page:
Draw on Page is a browser add-on that lets you draw on any website. Please first navigate to a website, then press on the toolbar button to activate the add-on. Once the interface appears on the page, please choose the desired mode.
Currently, there are two modes available, Drawing Mode and Brushing Mode. Brushing mode is for drawing with mouse or pen (touch-enabled devices) on the page. You can choose a pencil, circle, or spray brush in this mode. There is also an option to change the color and width of the brushing tool from the UI. The other mode is for drawing shapes (Drawing Mode). When you select this mode, five different primitive shapes are available to choose from the UI. Once you click on a shape, it will be added to the screen.
You can drag and drop, remove, resize, or rotate and zoom objects on the screen. To print the page with your drawings on it, please press on the print button at the top left corner of the screen. Once you are done with the drawing, please close the interface by pressing on the close button at the top left corner or pressing on the toolbar button once. Before closing, you can save your drawings by pressing on the - Save - button at the bottom of the UI.
Note: this extension uses fabric.js (https://github.com/fabricjs/fabric.js) open-source JavaScript project for drawing on the HTML5 canvas element.
You can download the extension below:
https://addons.mozilla.org/en-US/firefox/addon/draw-on-page/
