Upstream version 7.36.149.0
[platform/framework/web/crosswalk.git] / src / third_party / WebKit / LayoutTests / svg / as-image / img-preserveAspectRatio-support-1.html
index 7b122bd..36883bc 100644 (file)
-<!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&shy;Aspect&shy;Ratio\r
-            </th>\r
-            <th>\r
-                &lt;img&gt;\r
-            </th>\r
-            <th>\r
-                &lt;object&gt;\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&shy;Aspect&shy;Ratio
+            </th>
+            <th>
+                &lt;img&gt;
+            </th>
+            <th>
+                &lt;object&gt;
+            </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>