Draw on Page

Easily draw on any website with simple drawing tools, then print the result.

What is Draw on Page?

Draw on Page is a Chrome extension developed by leocompson, and its main feature is "Easily draw on any website with simple drawing tools, then print the result.".

Extension Screenshots

screenshot

Download Draw on Page Extension CRX File

Download Draw on Page extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        Draw on Page is a browser extension 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.

If you have a feature request or found a bug to report, please fill the bug report form on the addon's homepage (https://mybrowseraddon.com/draw-on-page.html).                    

Extension Basic Information

Name Draw on Page Draw on Page
ID ngmfehckdahhmlbabjemcepfhgnoddlo
Official URL https://chromewebstore.google.com/detail/draw-on-page/ngmfehckdahhmlbabjemcepfhgnoddlo
Description Easily draw on any website with simple drawing tools, then print the result.
File Size 301 KB
Installation Count 94,282
Current Version 0.1.5
Last Updated 2023-12-21
Publish Date 2020-08-25
Rating 3.86/5 Total 35 Ratings
Developer leocompson
Email [email protected]
Payment Type free
Extension Website https://mybrowseraddon.com/draw-on-page.html
Help Page URL https://mybrowseraddon.com/draw-on-page.html
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "version": "0.1.5",
    "manifest_version": 3,
    "name": "Draw on Page",
    "offline_enabled": true,
    "homepage_url": "https:\/\/mybrowseraddon.com\/draw-on-page.html",
    "description": "Easily draw on any website with simple drawing tools, then print the result.",
    "commands": {
        "_execute_action": []
    },
    "background": {
        "service_worker": "background.js"
    },
    "web_accessible_resources": [
        {
            "matches": [
                ""
            ],
            "resources": [
                "data\/interface\/index.html"
            ]
        }
    ],
    "permissions": [
        "storage",
        "scripting",
        "activeTab",
        "contextMenus"
    ],
    "action": {
        "default_title": "Draw on Page",
        "default_icon": {
            "16": "data\/icons\/16.png",
            "32": "data\/icons\/32.png",
            "48": "data\/icons\/48.png",
            "64": "data\/icons\/64.png"
        }
    },
    "icons": {
        "16": "data\/icons\/16.png",
        "32": "data\/icons\/32.png",
        "48": "data\/icons\/48.png",
        "64": "data\/icons\/64.png",
        "128": "data\/icons\/128.png"
    }
}