Quick Draw Extension Chrome

Quick Draw Extension

This is the first version of the extension, and there are still improvements to be made. Please don't hesitate to provide your feedback here.

https://docs.google.com/forms/d/1iCzBcTd88GTCXIP-Aaujj2In2unQHWkHZmUq-Msi804/prefill

This Chrome extension lets you draw and customize colored shapes directly on any webpage. Whether for annotations, brainstorming, or visual highlights, users can create a variety of shapes in different colors to enhance their web experience. It's an easy-to-use tool for adding creative, visual elements to online content.

How to Use the Extension

Open the Extension to Draw a Shape
--> Before you can start drawing shapes, make sure the extension is open.

Minimize the Extension to Interact with the Page
--> If you need to interact with the webpage again, just minimize the extension.

Drawing Temporary Shapes
--> Use the left click to draw temporary shapes on the page.

Drawing Persistent Shapes
--> Use either the middle click or the right click to draw shapes that will remain on the page.

Erasing Persistent Shapes
--> To remove persistent shapes, simply use a single left click.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Quick Draw", "version": "1.2", "description": "Draw and customize colored shapes directly on any webpage", "permissions": [ "activeTab" ], "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [""], "js": ["menu.js", "drawing.js", "content.js"], "css": ["styles.css"] } ], "web_accessible_resources": [ { "resources": [ "icons/rectangle.png", "icons/shadow-rectangle.png", "icons/circle.png", "icons/line.png", "icons/arrow.png", "icons/freehand.png", "icons/width.png" ], "matches": [""] } ], "action": { "default_popup": "", "default_icon": { "16": "icons/icon16.png", "32": "icons/icon32.png", "48": "icons/icon48.png", "64": "icons/icon64.png", "128": "icons/icon128.png" } }}

Quick Draw

Draw and customize colored shapes directly on any webpage

Latest Version

Quick Draw Extension

Source Manifest.json

Get source code (.Zip)

Latest Updates

Top Rated