Codestepbystep Drawing Pa Chrome extension icon

Codestepbystep Drawing Pa

📦 v1.0
💾 13.56KiB
📅 2026-04-21
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

Enhance your learning experience on CodeStepByStep with a fully integrated scratchpad and drawing tool. This extension injects a professional drawing panel directly into the problem view page, allowing you to visualize logic, sketch diagrams, and take notes without leaving the site.

Key Features:
Versatile Tools: Choose from a freehand Pen, Lines, Rectangles, Ovals, and Text.
Customization: 5 preset colors and adjustable line weight (double-click the pen icon to change thickness).
Smart Editing: Select, move, and resize any object. Use Shift + Drag to snap lines to 45° angles or Alt + Drag to clone shapes.
Productivity Shortcuts: Full support for Ctrl+Z (Undo) and Ctrl+Y (Redo).
Locking System: Lock specific shapes to prevent accidental moving or clearing while you work on other parts of your diagram.
Scribble-to-Erase: A unique gesture that allows you to delete shapes by scribbling over them with the pen tool.
Export: Save your work instantly as a PNG file for your records.

Tags

Productivity/education developer productivity/education

Privacy Practices

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

🔐 Security Analysis

This extension hasn't been security-scanned yet.

Google Translate

39M+ users
View translations easily as you browse the web. By the Google Translate team.
Productivity/education

Endnote Click

5M+ users
Fast, one-click access to millions of research papers.
Productivity/education
Easily create mathematical equations, formulas and quizzes. Intuitively type or handwrite, with no tricky math code to l…
Productivity/education