Menu
Advertisement

screenshotDraw on Page  |  Download Easily draw on any website with simple drawing tools, then print the result.

Some of the important features of the Draw on Page addon are listed below. This is followed by an overview of this addon. This summary contains few words about the addon, its function, and its features. Next is FAQ, this section is useful to get information about how this addon works in your browser. If you couldn't find a specific answer, please fill the bug report form on this page or the contact form on the homepage to let us know about your question. Following the FAQ, is the bug report form. It is designed to collect user feedbacks and bugs about this addon. Users can suggest improvements or feature requests through this form too. The next section is for submitting comments about this addon which uses the Facebook comments plugin. The last section is dedicated to reports submitted through the GitHub website. We hope the information provided on this page, could help you get all the basics you need about this addon and enable you to have a better experience with Draw on Page.

In short, Draw on Page is a lite tool that let draw with few brushing tools or make simple shapes with custom colors on any website. Please check the YouTube tutorial below to get an idea of how this addon works in your browser. If you want to contribute to the developement of this addon, please fork it on GitHub, and push your changes to a named branch. Moreover, you can review all the comments made on GitHub commits.

6 Reasons to Use Draw on Page

  • Very lite addon with no background activities.

  • Has ON|OFF switch to quickly turn the addon ON or OFF.

  • Has brushing and drawing modes with several options.

  • Few brushing tools with custom colors.

  • Few primitive shapes with custom stroke and fill colors.

  • Available for Chrome, Firefox, Edge, and Opera browsers on all operating systems.

YouTube Tutorial

This video gives you an idea of how the extension works in your browser.

Matched Content

Frequently Asked Questions

  • 1. What is Draw on Page?

    Draw on Page is a lite and multi-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 addon. Once the UI 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 to draw. There is also an option to change the color and width of the brushing tool from the UI. The next mode is for drawing shapes and called Drawing Mode. When you select this mode, five different primitive shapes and one fill color are available to choose from the UI. Once you click on a shape, it will be added to the screen on the top left corner. You can drag and drop, resize, or rotate it anywhere on the screen. To delete a shape, please change the mode to drawing and then click on the desired shape, then press on the Delete button on your keyboard. You can also select a shape and then click on the - Remove - button from the UI controls (bottom left corner). If you want to hide controls from the page, please press on the controls button at the top left corner of the screen (second button from top). To show controls please press on this button again. 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. Please note that closing the addon will erase all your drawings from the page. So make sure to close the page only if you are done with the drawing tools.

  • 2. How can I work with Draw on Page addon?

    To work with Draw on Page add-on, simply browse to a website that you want to draw. Then, click on the toolbar button once. When you see the interface on the page, please select the desired mode, then start drawing. As mentioned above, you can either choose drawing or brushing mode. In brushing mode, use a mouse or pen to draw on the page. For drawing mode, please use primitives and place or resize them anywhere on the page. Please print or take a screenshot of your drawings before closing the addon interface, because all drawings will be erased when you close the interface. To close and open the UI, please press on the toolbar button once or click on the close button at the top left corner of the screen. This addon has the option to open the UI in a new tab, toolbar popup, or stand-alone window. Please note that, when you open the addon in these contexts, you can only draw on a blank screen (not a webpage).

  • 3. How can I download the source code for Draw on Page?

    To download the source code for this extension from Chrome Web Store, it is recommended to use Extension Source Downloader. With this addon, you can download the source code as a ZIP or CRX format to your machine. If you want to download the source code from the Firefox addons store, please open the firefox download link (if available) in the Firefox browser and then right-click on the - Add to Firefox - button and select - Save Link As... - item. Choose the destination folder on your machine and then save the file in XPI format. You can then rename the XPI format to a RAR or ZIP file. Some extensions may have a GitHub repo address, which you can use to download the source code as well. But, it may not be the latest version of the addon. Therefore, downloading the source code from the official web stores is the best option as it always gives you the latest version of the addon.

  • 4. How does the page edit addon work?

    This addon works based on an open-source JavaScript project called fabric.js. Please read more info about this project at this GitHub repo (https://github.com/fabricjs/fabric.js).

  • 5. Can I add more drawing functions to the controls interface?

    No, unfortunately, currently there is no option to add more functions to the addon. In the future support for more drawing functions will be added.

  • 6. Is there any options or setting page available for this addon?

    No, all the settings and options are placed in addon UI. Please note that all the changes are auto-saved to the memory by default.

  • 7. Can I open Draw on Page interface in toolbar popup or a standalone window?

    Yes, as mentioned above, you can open the UI in 4 different contexts. Please right-click on the toolbar popup and choose the desired context. Available contexts are new tab, toolbar popup, stand-alone window, or webpage. For the first three contexts, you cannot edit any website, and only a blank white screen is available for drawing. For the last context, the interface will be available on a webpage (active tab) for drawing.

  • 8. How can I revert the page to the original state?

    If you want to discard all your drawings, please reload the page once. Please note that all the changes made by this addon are temporarily and will be erased as soon as you reload the page (active tab). Alternatively, you can press on the close button at the top left corner of the screen.

  • 9. Where can I find the privacy policy for Draw on Page?

    Please read the privacy policy for this extension here.

Advertisement

Reporting Bugs

Your feedback goes a long way towards making this addon even better. With this feedback and bug report form, you can report bugs or suggest features/enhancements for the functionality or performance of this addon. Please note that this form will be sent to the developer(s) of this addon. You will not get an immediate or personal response at the moment. However, the developer(s) may contact you through the email address provided in this form for further clarifications or to request additional information regarding the reported bug(s).

If you want to rate or write a review for this addon in the official webstore, please press the - Rate this addon - button below.

Please enter the name of the extension (addon).

Please enter the current version of the extension.

Please be as specific as possible. Basically, describe what happened, what you were doing when it happened, and why you think it is a problem.

Describe the step-by-step process required to reproduce the issue you are reporting. Be specific when describing these steps by providing as much detail as possible.

Please try to leave a link to a screenshot for the specific bug or error report.

Please enter your operating system.

Please enter your browser and its current vesrion.

Please enter your email address.

Reviews | Discussions

Please note: keep these reviews/discussions clean, and avoid the usage of derogatory or inappropriate language or terminology in references to individuals or groups based on race, national or ethnic origin, color, religion, age, gender, etc. Do not submit bugs in your reviews, use the above bug-report section instead. Also, never post any personal information in these reviews.

GitHub Issues | Fork me on GitHub