src/third_party/WebKit/LayoutTests/fast/hidpi/image-srcset-png.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4     <link rel="stylesheet" href="resources/svg_tests.css">
   5     <script src="resources/svg_canvas_helper.js"></script>
   6 </head>
   7 <body>
   8   <h2><a href="http://www.w3.org/html/wg/drafts/srcset/w3c-srcset">srcset</a> testcases for SVG</h2>
   9   <div class="test">
  10     <h3>PNG without explicit dimensions - 1x</h3>
  11     <div class="expected">expected<br/>
  12       <img src="resources/srcset.png" width="200" height="100">
  13     </div>
  14     <div class="actual">actual<br/>
  15       <img id="png1" src="resources/srcset.png">
  16     </div>
  17     This test should show a PNG image of size 200x100, and intrinsic/natural size 200x100. The left half of the image should be red and there should be a black circle in the center.<br/>
  18     <br clear="all"/>
  19   </div>
  20   <div class="test">
  21     <h3>PNG with explicit dimensions - 1x</h3>
  22     <div class="expected">expected<br/>
  23       <img src="resources/srcset.png" width="100" height="50">
  24     </div>
  25     <div class="actual">actual<br/>
  26       <img id="png2" src="resources/srcset.png" width="100" height="50">
  27     </div>
  28     This test should show a PNG image of size 100x50, and intrinsic/natural size 100x50. The left half of the image should be red and there should be a black circle in the center.<br/>
  29     <br clear="all"/>
  30   </div>
  31   <div class="test">
  32     <h3>PNG without explicit dimensions - 2x</h3>
  33     <div class="expected">expected<br/>
  34       <img src="resources/srcset.png" width="100" height="50">
  35     </div>
  36     <div class="actual">actual<br/>
  37       <img id="png3" src="" srcset="resources/srcset.png 2x">
  38     </div>
  39     This test should show a PNG image of size 100x50, and intrinsic/natural size 100x50. The left half of the image should be red and there should be a black circle in the center.<br/>
  40     <br clear="all"/>
  41   </div>
  42   <div class="test">
  43     <h3>PNG with explicit dimensions - 4x</h3>
  44     <div class="expected">expected<br/>
  45       <img src="resources/srcset.png" width="100" height="50">
  46     </div>
  47     <div class="actual">actual<br/>
  48       <img id="png4" src="" srcset="resources/srcset.png 4x" width="100" height="50">
  49     </div>
  50     This test should show a PNG image of size 100x50, and intrinsic/natural size 50x25. The left half of the image should be red and there should be a black circle in the center.<br/>
  51     <br clear="all"/>
  52   </div>
  53
  54
  55 </body>
  56 </html>