BaseToolbox Logo

BaseToolbox

Blog

© 2025 BaseToolbox. All rights reserved.

Privacy PolicyAboutContact Us
Back to Object Dimensioning Tool

Object Dimensioning Tool: A How-To Guide

This tool allows you to draw dimension lines and add custom text annotations to any image. It is perfect for creating technical drawings, marking up design mockups, or adding clear specifications to product photos. This guide covers all the features to help you master it.

Basic Workflow

Step 1: Upload Your Image

Upload the image you want to annotate. A clear, top-down photo works best for creating precise dimension lines.

Step 2: Draw a Dimension Line

Select the line tool from the toolbar. Click and drag on the image to draw a line where you want to place a dimension annotation. Release the mouse button to finish the line.

Step 3: Add Text and Customize

Once a line is drawn, it is automatically selected. Use the Property Panel on the left to customize it. You can change the line color, width, and style. Most importantly, enter any text (e.g., "42cm", "1.5m") into the "Annotation Content" field to display it on the line.

Toolbar Explained

View & Navigation

Use the zoom buttons (+, -) to get a closer look. You can also fit the image to the screen, center it, or reset the zoom to 100%.

Drawing Aids

Toggle the Grid, Guidelines, and Snapping features to help you draw perfectly aligned and precise lines.

History & Clearing

Made a mistake? Use Undo and Redo to step backward or forward. The Clear buttons allow you to remove all annotations at once or clear the entire canvas to start over.

Exporting Your Work

When you are finished, click the Export button to save your annotated image as a high-quality PNG, JPG, or scalable SVG file.

Common Usage Scenarios

E-commerce Product Photos

Clearly display the dimensions of your products. Draw lines for height, width, and depth, and enter the measurements in the content field to create informative listings.

UI/UX Design Mockups

Redline your designs by annotating distances between elements, component sizes, and font specifications. Export as an SVG to share with your development team.

Architectural Blueprints

Quickly mark up floor plans or schematics. Add dimensions to walls, windows, and doors without needing complex CAD software.

Pro Tips

  • 💡To change the default style for all new lines, modify the properties in the panel when no line is selected.
  • 💡You can select any annotation by clicking on it to edit its properties later.
  • 💡For a clean look, try to keep your line styles and text formats consistent across all annotations.

Keyboard Shortcuts

  • Ctrl+ZUndo last action
  • Ctrl+YRedo last action
  • Delete / Backspace: Delete selected annotation
  • Ctrl+DDelete selected annotation
  • Ctrl+Shift +DClear all annotations
  • Ctrl+Shift +CClear canvas
  • Escape: Cancel selection
  • Ctrl+= (equals key)Zoom In
  • Ctrl+- (minus key)Zoom Out
  • Ctrl+0 (digit zero)Reset zoom to 100%
  • Ctrl+1 (digit one)Fit image to screen
  • Ctrl+ECenter the canvas
  • Ctrl+GToggle guidelines visibility
  • Ctrl+; (semicolon)Toggle snapping to guidelines
  • Ctrl+SExport as PNG