The canvas is the place where you can construct, import, or edit your molecules in Marvin JS. There are several options to help you always see the structure in your focus of interest.
Moving Molecules on the Canvas
Select the whole structure by double-clicking one of its atoms or bonds.
Hold the left mouse button on the blue, highlighted area of the structure (atoms or bonds).
Drag the structure to the desired position.
Release the mouse button, the structure is repositioned now.
When the selection contains only a fragment, the molecule will be distorted due to the changes in bond lengths and bond angles.
Rotating Molecules in 2D
Rotating Around the Molecule Center
When a structure has been selected, it can be rotated around its center in two dimensions.
A pink circle with a dot is indicating the center of the selected area (pivot point). The molecule can be rotated around this point by clicking on the blue dot and dragging the cursor on the canvas.
During dragging, you can see the angle of rotation near this blue dot. By default, rotation is done at 6° increments. For continuous rotation hold down the Shift button while rotating.
Moving the Center of the Rotation
When a whole molecule is selected, the original center of rotation can be relocated by dragging.
In this case, if the new rotation center is too close to its original position, it will be snapped back to it.
However, pressing the Shift key while dragging the center of rotation allows it to be as close to its original place as you wish. Moving the center lets you rotate the molecule around any point of the canvas. The image of the starting structure remains displayed in grey during rotation.
Rotating Fragments in a Structure
When a selected part is only a fragment which connects to the rest of the molecule with one bond only, you cannot move the pivot point (which is gray in this case). In such cases, the center of rotation will be the atom that connects the selected and non-selected parts of the structure.