animate-interact-pevents-04-t.svg

Slowly move the mouse over the rectangles in each row while checking the pass criteria.

The test is passed if the following conditions are met:

• In the first row of squares, the fill and stroke of squares 1, 3 and 4 only must trigger a pale red rectangle to appear over the squares on mouseover.
• In the second row of squares, the fill only of all squares must trigger a pale red rectangle to appear over the squares on mouseover.
• In the third row of squares, the stroke only of all must trigger a pale red rectangle to appear over the squares on mouseover.
• In the fourth row of squares, the fill and stroke of all squares must trigger a pale red rectangle to appear over the squares on mouseover.
• In the fifth row of squares, nothing is to trigger on mouseover.

Tests the pointer-events attribute with different painting values

The 2nd and 3rd columns represent respectively rects with no fill/stroke and transparent fill/stroke. The 4th column has visibility set to hidden.

The first row tests pointer-events="painted", i.e. event on fill and stroke that are set. The second row tests pointer-events="fill", i.e. event on a fill that is set. The third row tests pointer-events="stroke", i.e. even on a stroke that is et. The fourth row tests pointer-events="all", i.e. event on fill and stroke that are set. The fifth row tests pointer-events="none", i.e. no event.