third_party/WebKit/ManualTests/find-and-highlight-in-svg.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <body>
   4   Manual test for crbug.com/56580: Search (ctrl+f) for "findme" and verify the appropriate text is highlighted.<br/>
   5   This test passes if all 15 instances of "findme" are found.<br/><br/>
   6
   7   Lorum ipsum findme lorum ipsum findmefindme lorum.<br/>
   8   longtextfindmenoyou.<br/>
   9   <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="450" height="300">
  10     <defs>
  11       <path id="textpath"
  12             d="M 100 200
  13                C 200 100 300   0 400 100
  14                C 500 200 600 300 700 200
  15                C 800 100 900 100 900 100" />
  16     </defs>
  17     <text x="10" y="50">Can you findme in this boring text? findme...Findme...FINDME!</text>
  18     <text x="10" y="100" style="font-size: 10px; font-family: monospace;">Findme in a typewriter! Findmefindme.</text>
  19     <g transform="scale(0.3) translate(0 400)">
  20       <text font-family="Verdana" font-size="42.5" fill="blue" >
  21         <textPath xlink:href="#textpath">
  22           Findme on a path! Did you findme?
  23         </textPath>
  24       </text>
  25     </g>
  26   </svg>
  27 </body>
  28 </html>
  29