third_party/WebKit/LayoutTests/svg/as-image/svg-intrinsic-size-rectangular-vertical.html

   1 <!DOCTYPE html>
   2 <style>
   3     div.container {
   4         -webkit-writing-mode: vertical-rl;
   5         -webkit-logical-width: 80px;
   6         -webkit-logical-height: 200px;
   7         outline: solid blue;
   8     }
   9
  10     img {
  11         background-color: red;
  12         width: auto;
  13         height: auto;
  14         max-width: 100%;
  15         max-height: 100%;
  16     }
  17 </style>
  18 <div class="container">
  19     <img src="data:image/svg+xml,<svg width='120' height='240' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' fill='green' width='120' height='240'></rect></svg>">
  20 </div>
  21 <div style="height: 25px;"></div>
  22 <div class="container">
  23     <img src="data:image/svg+xml,<svg width='60' height='80' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' fill='green' width='60' height='80'></rect></svg>">
  24 </div>