CodeStepByStep Drawing Panel

About

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.