CodeStepByStep Drawing Panel

Adds a drawing panel below the solution area on CodeStepByStep.

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.