-<!DOCTYPE html>\r
-<html>\r
-<head>\r
- <title>preserveAspectRatio test 1/2</title>\r
- <style>\r
- th {\r
- background-color: #dd9;\r
- font-family: sans-serif;\r
- }\r
-\r
- img, object {\r
- /* background-color: #EBF; */\r
- border: 2px dashed maroon;\r
- height: 50px;\r
- left: 100px;\r
- overflow: visible;\r
- padding: 3px;\r
- top: 20px;\r
- width: 200px;\r
- box-sizing: border-box;\r
- }\r
-\r
- object {\r
- border-color: green;\r
- border-width: 1px;\r
- }\r
- </style>\r
-</head>\r
-<body>\r
- <table>\r
- <tr>\r
- <th>\r
- viewBox?\r
- </th>\r
- <th>\r
- preserve­Aspect­Ratio\r
- </th>\r
- <th>\r
- <img>\r
- </th>\r
- <th>\r
- <object>\r
- </th>\r
- </tr>\r
- <tr>\r
- <th rowspan=4>\r
- No viewBox\r
- </th>\r
- <th>\r
- </th>\r
- <td>\r
- <img src="resources/circle-default-default.svg" />\r
- </td>\r
- <td>\r
- <object data="resources/circle-default-default.svg"></object>\r
- </td>\r
- </tr>\r
- <tr>\r
- <th>\r
- none\r
- </th>\r
- <td>\r
- <img src="resources/circle-default-none.svg" />\r
- </td>\r
- <td>\r
- <object data="resources/circle-default-none.svg"></object>\r
- </td>\r
- </tr>\r
- <tr>\r
- <th>\r
- meet\r
- </th>\r
- <td>\r
- <img src="resources/circle-default-meet.svg" />\r
- </td>\r
- <td>\r
- <object data="resources/circle-default-meet.svg"></object>\r
- </td>\r
- </tr>\r
- <tr>\r
- <th>\r
- slice\r
- </th>\r
- <td>\r
- <img src="resources/circle-default-slice.svg" />\r
- </td>\r
- <td>\r
- <object data="resources/circle-default-slice.svg"></object>\r
- </td>\r
- </tr>\r
- <tr>\r
- <th rowspan=4>\r
- viewBox\r
- </th>\r
- <th>\r
- </th>\r
- <td>\r
- <img src="resources/circle-viewbox-default.svg" />\r
- </td>\r
- <td>\r
- <object data="resources/circle-viewbox-default.svg"></object>\r
- </td>\r
- </tr>\r
- <tr>\r
- <th>\r
- none\r
- </th>\r
- <td>\r
- <img src="resources/circle-viewbox-none.svg" />\r
- </td>\r
- <td>\r
- <object data="resources/circle-viewbox-none.svg"></object>\r
- </td>\r
- </tr>\r
- <tr>\r
- <th>\r
- meet\r
- </th>\r
- <td>\r
- <img src="resources/circle-viewbox-meet.svg" />\r
- </td>\r
- <td>\r
- <object data="resources/circle-viewbox-meet.svg"></object>\r
- </td>\r
- </tr>\r
- <tr>\r
- <th>\r
- slice\r
- </th>\r
- <td>\r
- <img src="resources/circle-viewbox-slice.svg" />\r
- </td>\r
- <td>\r
- <object data="resources/circle-viewbox-slice.svg"></object>\r
- </td>\r
- </tr>\r
- </table>\r
-</body>\r
-</html>\r
+<!DOCTYPE html>
+<html>
+<head>
+ <title>preserveAspectRatio test 1/2</title>
+ <style>
+ th {
+ background-color: #dd9;
+ font-family: sans-serif;
+ }
+
+ img, object {
+ /* background-color: #EBF; */
+ border: 2px dashed maroon;
+ height: 50px;
+ left: 100px;
+ overflow: visible;
+ padding: 3px;
+ top: 20px;
+ width: 200px;
+ box-sizing: border-box;
+ }
+
+ object {
+ border-color: green;
+ border-width: 1px;
+ }
+ </style>
+</head>
+<body>
+ <table>
+ <tr>
+ <th>
+ viewBox?
+ </th>
+ <th>
+ preserve­Aspect­Ratio
+ </th>
+ <th>
+ <img>
+ </th>
+ <th>
+ <object>
+ </th>
+ </tr>
+ <tr>
+ <th rowspan=4>
+ No viewBox
+ </th>
+ <th>
+ </th>
+ <td>
+ <img src="resources/circle-default-default.svg" />
+ </td>
+ <td>
+ <object data="resources/circle-default-default.svg"></object>
+ </td>
+ </tr>
+ <tr>
+ <th>
+ none
+ </th>
+ <td>
+ <img src="resources/circle-default-none.svg" />
+ </td>
+ <td>
+ <object data="resources/circle-default-none.svg"></object>
+ </td>
+ </tr>
+ <tr>
+ <th>
+ meet
+ </th>
+ <td>
+ <img src="resources/circle-default-meet.svg" />
+ </td>
+ <td>
+ <object data="resources/circle-default-meet.svg"></object>
+ </td>
+ </tr>
+ <tr>
+ <th>
+ slice
+ </th>
+ <td>
+ <img src="resources/circle-default-slice.svg" />
+ </td>
+ <td>
+ <object data="resources/circle-default-slice.svg"></object>
+ </td>
+ </tr>
+ <tr>
+ <th rowspan=4>
+ viewBox
+ </th>
+ <th>
+ </th>
+ <td>
+ <img src="resources/circle-viewbox-default.svg" />
+ </td>
+ <td>
+ <object data="resources/circle-viewbox-default.svg"></object>
+ </td>
+ </tr>
+ <tr>
+ <th>
+ none
+ </th>
+ <td>
+ <img src="resources/circle-viewbox-none.svg" />
+ </td>
+ <td>
+ <object data="resources/circle-viewbox-none.svg"></object>
+ </td>
+ </tr>
+ <tr>
+ <th>
+ meet
+ </th>
+ <td>
+ <img src="resources/circle-viewbox-meet.svg" />
+ </td>
+ <td>
+ <object data="resources/circle-viewbox-meet.svg"></object>
+ </td>
+ </tr>
+ <tr>
+ <th>
+ slice
+ </th>
+ <td>
+ <img src="resources/circle-viewbox-slice.svg" />
+ </td>
+ <td>
+ <object data="resources/circle-viewbox-slice.svg"></object>
+ </td>
+ </tr>
+ </table>
+</body>
+</html>