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 renders as emphasized text, displaying the text oblique?
<strong> <pre> <em>
<p>Web development courses: <em></em></p>
Which CSS property defines the space between the element border and its content?
margin padding position
h3 {
  padding: 2px 0.2em;
Click on the method which returns the first element that matches a specified group of selectors.
getElementsByName() querySelector() querySelectorAll()
// gets first Div with class="cls", and shows its content
var elm = document.querySelector("div.cls");
Indicate the PHP variable that contains data from a form sent with method="post".
if(isset($_POST["field"])) {
  echo $_POST["field"];
Snap to Objects and Snap Align

Last accessed pages

  1. $_GET, $_POST and $_REQUEST Variables (19232)
  2. Integer and Float value in Select with PDO from string to numeric (2561)
  3. Conditional statements if, else, switch (823)
  4. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (43446)
  5. Flash Games - Free online Games (4445)

Top accessed pages

  1. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (43446)
  2. PHP-MySQL free course, online tutorials PHP MySQL code (33041)
  3. Read Excel file data in PHP - PhpExcelReader (32967)
  4. Get Attribute (ID, Class, Name, Title, Src) with jQuery (29817)
  5. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (27129)