Overview
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.
Details
- Version1.0
- UpdatedApril 21, 2026
- Offered byProjects BySandries
- Size13.56KiB
- LanguagesEnglish
- Developer
Email
contact@sandries.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- 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
