Implement support for the 'transform-box' property

third_party/WebKit/LayoutTests/svg/transforms/transform-origin-css-property.xhtml

Index: third_party/WebKit/LayoutTests/svg/transforms/transform-origin-css-property.xhtml
diff --git a/third_party/WebKit/LayoutTests/svg/transforms/transform-origin-css-property.xhtml b/third_party/WebKit/LayoutTests/svg/transforms/transform-origin-css-property.xhtml
index 8fdf30a67ff9e3f5e5a445fe9268cfc23636872e..1706bc983ab6c72825ac752ec971ea3dd566a7c3 100644
--- a/third_party/WebKit/LayoutTests/svg/transforms/transform-origin-css-property.xhtml
+++ b/third_party/WebKit/LayoutTests/svg/transforms/transform-origin-css-property.xhtml
@@ -12,6 +12,12 @@
     fill: green;
     transform: rotate(90deg);
 }
+.relative {
+    transform-box: fill-box;
+}
+.absolute {
+    transform-box: view-box;
+}
 </style>
 
 <!--
@@ -30,7 +36,8 @@
     function addTransformOriginRect(x, y, s)
     {
        var rect = document.createElementNS(svgNS, "rect");
-       var transformOrigin = (typeof(s) == "string") ? s :  (x + s[0]) + " " + (y + s[1]);
+       var transformOrigin = (typeof(s) == "string") ? s :  (x + s[0] + "px") + " " + (y + s[1] + "px");
+       rect.setAttribute("class", typeof(s) == "string" ? "relative" : "absolute");
        rect.setAttribute("id", "transformOriginRect");
        rect.setAttribute("x", x);
        rect.setAttribute("y", y);