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 adds a new line into a paragraph?
<b> <br> <p>
First line ...<br>
Other line...
Which CSS property can be used to add space between letters?
text-size word-spacing letter-spacing
#id {
  letter-spacing: 2px;
What JavaScript function can be used to get access to HTML element with a specified ID?
getElementById() getElementsByTagName() createElement()
var elm = document.getElementById("theID");
var content = elm.innerHTML;
Click on the "echo" correct instruction.
echo "" echo ""; echo """;
echo "Address URL:";
Snap to Objects and Snap Align

Last accessed pages

  1. PHP-MySQL free course, online tutorials PHP MySQL code (52546)
  2. Ajax-PHP File Manager (6337)
  3. Script Users Register, Login, Online (17146)
  4. Remove / Get duplicate array values - Reset array keys in PHP (10751)
  5. Contact page - CoursesWeb (36727)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (2281)
  2. Contact page - CoursesWeb (2186)
  3. Tabs effect with CSS (2174)
  4. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (883)
  5. PHP getElementById and getElementsByTagName (793)