Snap to Objects and Snap Align are two options useful to align, join and draw more precisely shapes in the Stage.

Snap to Objects

The "Snap to objects" option can be selected from View -> Snapping -> Snap to Objects, or from the "Snap to Objects" button on the options area of the "Tools panel" (the icon with the image of a magnet, see the picture below).
Select Snap to Objects
- If Snap to Objects is enabled, it displays a small, thick circle under the pointer, when you draw a perfect circle, a square, a perfect vertical and horizontal line, or when the object is within snapping distance of another object.

Snap to Objects examples

Snap to Objects examples
- When this option is enabled, it forces to merge the line or the shape when it comes close to other object. When you want to draw lines or shapes close to each other, it is indicated to disable "Snap to Objects".
- The Snap tolerance can be adjusted from Edit -> Preferences, then choose Drawing. In that window, to the Connect lines you can select: "Must be close", "Normal", or "Can be distant".
- Snap to Objects not work with the Pencil, Brush, or Eraser Tools.

Snap Align

Snap Align helps you to position objects on the stage. It provides guidelines when elements are aligned, dashed lines appear that aid you in aligning to the edge or center of other objects. And it also makes items snap into place when they're close.
To enable "Snap Align", click View -> Snapping -> Snap Align.

Select Snap Align

Select Snap Align

Example Snap Align

Snap Align examples
The change the Snap Align settings (tolerance), click View -> Snapping -> Edit Snapping, click Advanced to display all options, then select and configure the snap options you want to turn on (see the image below). Configure Snap Align
- To make the snap align setting the default for future use, click Save Default.

Daily Test with Code Example

Which tag create a highlighted bolded text?
<q> <strong> <em>
<p>Address: <strong></strong> - Tutorials.</p>
Which of these CSS codes displays the text bolded?
text-size: 18px; font-style: italic; font-weight: 800;
#id {
  font-weight: 800;
What JavaScript function can be used to call another function multiple times, to a specified time interval?
setInterval() setTimeout() push()
function someFunction() { alert(""); }
setInterval("someFunction()", 2000);
Click on the correctly defined variable in PHP.
var vname = 8; $vname = 8; $vname == 8;
$vname = 8;
echo $vname;
Snap to Objects and Snap Align

Last accessed pages

  1. SHA512 Encrypt hash in JavaScript (7603)
  2. Qwop (52706)
  3. Node.js Move and Copy Directory (157)
  4. The Stage, Panels and Tools in Flash (5519)
  5. JavaScript Course - Free lessons (13563)

Popular pages this month

  1. Qwop (7624)
  2. Drag Racer V3 (4432)
  3. Bubbles3 (1773)
  4. Flash Games - Free online Games (1614)
  5. Butterfly Kyodai (1286)