svg-image-orientation.html (1259B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Images Module Level 3: svg image respects orientation</title> 6 <link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org"> 7 <link rel="help" href="https://drafts.csswg.org/css-images-3/#propdef-image-orientation"> 8 <link rel="match" href="reference/svg-image-orientation-ref.html"> 9 <meta name=fuzzy content="0-5;0-200"> 10 </head> 11 <body> 12 <svg style="width: 500px; height: 650px"> 13 <image xlink:href="support/exif-orientation-1-ul.jpg" X="0" Y="0"></image> 14 <image xlink:href="support/exif-orientation-2-ur.jpg" X="125" Y="0"></image> 15 <image xlink:href="support/exif-orientation-3-lr.jpg" X="250" Y="0"></image> 16 <image xlink:href="support/exif-orientation-4-lol.jpg" X="375" Y="0"></image> 17 <image xlink:href="support/exif-orientation-5-lu.jpg" X="0" Y="125"></image> 18 <image xlink:href="support/exif-orientation-6-ru.jpg" X="125" Y="125"></image> 19 <image xlink:href="support/exif-orientation-7-rl.jpg" X="250" Y="125"></image> 20 <image xlink:href="support/exif-orientation-8-llo.jpg" X="375" Y="125"></image> 21 <image xlink:href="support/exif-orientation-9-u.jpg" X="0" Y="250"></image> 22 </svg> 23 </body> 24 </html>