Character Vault
Any Concept / Any System
Your System Come To Life
Roll20 for Android
Streamlined for your Tablet
Roll20 for iPad
Streamlined for your Tablet

Personal tools

Manipulating Graphics

From Roll20 Wiki

Revision as of 18:57, 15 April 2013 by Riley D. (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

There are three ways you can manipulate your images on Roll20's Tabletop: Move, Rotate and Scale. These transformations are handled by different gizmos that appear over a selected image.


Snap To Grid

Anytime the grid is enabled in Page Settings, Snap To Grid is enforced on The Tabletop. Snapping affects all transformations that can be made on your Background Images as well as Tokens. Hold down the ALT Key while moving, rotating or scaling to ignore snapping.


If you don't like how you transformed your images, using the keyboard shortcut Ctrl/Cmd Key + Z will undo the last action.


Movement is achieved by clicking and dragging anywhere inside the selected image. It's best to avoid clicking the outer edges of an image for movement. Doing this might trigger the scaling transformation instead. When Snap to Grid is enabled, an image snaps to the bottom right corner of a grid square and snaps to the center of a grid hex.


When selected, a handle will stick out from the top of the image. This is the rotation gizmo. Click the end of the handle for rotation. While Snap To Grid is enabled, an image rotates in increments of 45° for square grids and 30° for hex grids.

Scale (GM Exclusive)

The Scale gizmo is the bounding box that surrounds a selected image. If you click and drag the nodes on either the top or bottom of the bounding box, you will vertically scale the image. The nodes on either side of the image will horizontally scale it. Clicking and dragging any of the corner nodes will universally scale both horizontally and vertically simultaneously. Images scale from the center of the image. While Snap To Grid is enabled, an image will scale to the nearest grid line in either direction.

Advanced Features

You can access more advanced features by right clicking on a graphic to bring up a graphics menu and selecting Advanced.

Grouping and Ungrouping

While a group of graphics is selected, clicking on the Group option from the Advanced menu will bind the graphics together into a singular moveable block. You can remove grouping by selecting Ungroup.

Flip Horizontal/Vertical

These two menu options will flip the graphic horizontally or vertically.

As Drawing

The As Drawing menu option changes a graphic on the Token & Objects and GM layers by removing the suite of Token features normally attributed to it. It will ignore grid snapping in this mode and can also be selected along with other hand drawings by holding down the Alt key while selecting items on the Tabletop.

Set Dimensions

If there's a specific pixel/unit height and width you want to force a particular graphic to conform, selecting Set Dimensions brings up a new window where you can input the desired dimensions.