<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC  "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
      <meta name="keywords" content="W3C SVG 1.1 2nd Edition Test Suite"/>
      <meta name="description" content="W3C SVG 1.1 2nd Edition Object Mini Test Suite"/>
      <title>
SVG 1.1 2nd Edition Test (&lt;object&gt;): masking-mask-02-f.svg
      </title>
      <link href="harness_mini.css" rel="stylesheet" type="text/css" />
      <link rel="prev" href="masking-mask-01-b.html" />
      <link rel="index" href="index.html" />
      <link rel="next" href="masking-opacity-01-b.html" />
      <script src="../resources/testharnessreport.js"></script>
    </head>
  <body class="bodytext">
    <div class="linkbar">
      <p>
        <a href="masking-mask-01-b.html" rel="prev">masking-mask-01-b ←</a>
        <a href="index.html" rel="index">index</a>
        <a href="masking-opacity-01-b.html" rel="next">→ masking-opacity-01-b</a>
      </p>
    </div>
<table border="0" align="center" cellspacing="0" cellpadding="10">
  <tr>
    <td align="center" colspan="3">
      <table border="0" cellpadding="8">
        <tr  class="navbar">
          <td align="center">
            SVG Image
          </td>
          <td align="center">
            PNG Image
          </td>
        </tr>
        <tr>
          <td align="right">
            <object data="../../svg/masking-mask-02-f.svg" width="480" height="360" type="image/svg+xml"><p style="font-size:300%;color:red">FAIL</p></object>
          </td>
          <td align="left">
            <img alt="raster image of masking-mask-02-f.svg" src="../../png/masking-mask-02-f.png" width="480" height="360"/>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

<div>
    <h4 id="operatorscript" onclick="var t = document.getElementById('operatortext'); t.style.display=(t.style.display=='none' ? 'inline' : 'none');">
      <em>Operator script (click here to toggle)</em>
    </h4>
    <div id="operatortext" style="display:none">
<p>Run the test. No interaction required.</p>
  </div>
  </div>
    <h4 id="passcriteria">
      Pass Criteria
    </h4>
    <div>
<p>
        Test passes if there is a single green rectangle, with no red visible on the page.
      </p>
    </div>
    <br />
    <div class="linkbar">
      <p>
        <a href="masking-mask-01-b.html" rel="prev">masking-mask-01-b ←</a>
        <a href="index.html" rel="index">index</a>
        <a href="masking-opacity-01-b.html" rel="next">→ masking-opacity-01-b</a>
      </p>
    </div>
  </body>
</html>
