Flash Course

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

HTML
CSS
JavaScript
PHP-MySQL
Which attribute is used in <a> tag for the address of the link?
src href rel
<a href="http://coursesweb.net/" title="CoursesWeb.net">CoursesWeb.net</a>
Which CSS property sets the type of the text font?
font-family text-decoration font-size
h2 {
  font-family:"Calibri",sans-serif;
}
What instruction selects all the <div> tags with class="cls"?
querySelector("div.cls") getElementsByTagName("div") querySelectorAll("div.cls")
var elm_list = document.querySelectorAll("div.cls");
var nr_elms = elm_list.length;       // number of selected items
alert(nr_elms);
Indicate the function that can be used to get the sum of values in an array.
array_sum() array_diff() array_shift()
$arr =[1, 2, 3, 4);
$arr_sum = array_sum($arr);
echo $arr_sum;       // 10
Snap to Objects and Snap Align

Last accessed pages

  1. Get and Modify content of an Iframe (32494)
  2. The Mastery of Love (7690)
  3. Download HTM resources (90)
  4. HTML5 Quick Tutorial (5041)
  5. Styling HTML table with CSS (412)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (715)
  2. CSS cursor property - Custom Cursors (94)
  3. Read Excel file data in PHP - PhpExcelReader (71)
  4. PHP-MySQL free course, online tutorials PHP MySQL code (67)
  5. PHP Unzipper - Extract Zip, Rar Archives (53)