mask-content-2-ref.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<svg xmlns="http://www.w3.org/2000/svg">

  <style>

    @font-face {

      font-family: Ahem;

      src: url(../../fonts/Ahem.ttf);

  </style>

  <!-- We stick this in a pattern instead of rendering the <text> elements

       directly so that it gets the same mFontSizeScaleFactor, and thus

       will get the same thickness text decoration line. -->

  <pattern id="p" x="0" y="0" width="600" height="400" patternUnits="userSpaceOnUse">

    <g style="font: 32px Ahem; white-space: pre; fill: blue">

      <text x="20" y="100">one</text>

      <text x="20" y="150" style="text-decoration: line-through">   </text>

    </g>

  </pattern>

  <rect width="600" height="400" fill="url(#p)"/>

  <g fill="none" stroke="black" stroke-width="4" shape-rendering="crispEdges">

    <rect x="20" y="73" width="96" height="32"/>

  </g>

</svg>