Fix paint server transform for SVG context paints

szager-chromium · chromium-wpt-export-bot · commit ec0be45b949b · 2024-04-17T10:44:07.000-07:00
Whenever a transform is applied to the painting context, the same transform must also be applied to context-fill/stroke paints. Bug: chromium:331369813,chromium:331370735 Change-Id: I859ddbb201b0ff6f991909adb63424eb7145a019 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5436597 Reviewed-by: Fredrik Söderquist <fs@opera.com> Commit-Queue: Stefan Zager <szager@chromium.org> Cr-Commit-Position: refs/heads/main@{#1288803}
diff --git a/svg/painting/reftests/paint-context-007-ref.svg b/svg/painting/reftests/paint-context-007-ref.svg
@@ -0,0 +1,29 @@
+<svg id="svg-root"
+  width="100%" height="100%" viewBox="0 0 400 300"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns:html="http://www.w3.org/1999/xhtml">
+  <g id="testmeta">
+    <title>Paint: 'context-fill' and 'context-stroke' in 'use' with transform</title>
+    <html:link rel="author"
+          title="Stefan Zager"
+          href="mailto:szager@chromium.org"/>
+  </g>
+
+  <defs>
+    <linearGradient id="lg1" x2="125%">
+      <stop offset="0" stop-color="red"/>
+      <stop offset="1" stop-color="blue"/>
+    </linearGradient>
+
+    <linearGradient id="lg2" x1="-25%">
+      <stop offset="0" stop-color="red"/>
+      <stop offset="1" stop-color="blue"/>
+    </linearGradient>
+  </defs>
+
+  <g id="test-reference">
+    <rect x="50" y="90" width="240" height="120" fill="url(#lg1)"/>
+    <path d="M 110 30 l 240 120 l -240 120 Z" fill="url(#lg2)" />
+  </g>
+</svg>
diff --git a/svg/painting/reftests/paint-context-007.svg b/svg/painting/reftests/paint-context-007.svg
@@ -0,0 +1,32 @@
+<svg id="svg-root"
+  width="100%" height="100%" viewBox="0 0 400 300"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns:html="http://www.w3.org/1999/xhtml">
+  <g id="testmeta">
+    <title>Paint: 'context-fill' and 'context-stroke' in 'use' with transform</title>
+    <html:link rel="author"
+          title="Stefan Zager"
+          href="mailto:szager@chromium.org"/>
+    <html:link rel="help"
+          href="https://www.w3.org/TR/SVG2/painting.html#SpecifyingPaint"/>
+    <html:link rel="match"  href="paint-context-007-ref.svg" />
+  </g>
+
+  <defs>
+    <linearGradient id="lg">
+      <stop offset="0" stop-color="red"/>
+      <stop offset="1" stop-color="blue"/>
+    </linearGradient>
+
+    <g id="shapes">
+      <rect x="50" y="90" width="240" height="120" fill="context-fill"/>
+      <path d="M 170 -30 l -120 240 l 240 0 Z" fill="context-fill"
+            transform-origin="170 150" transform="rotate(90)"/>
+    </g>
+  </defs>
+
+  <g id="test-body-content">
+    <use x="0" y="0" fill="url(#lg)" xlink:href="#shapes"/>
+  </g>
+</svg>
diff --git a/svg/painting/reftests/paint-context-008-ref.svg b/svg/painting/reftests/paint-context-008-ref.svg
@@ -0,0 +1,22 @@
+<svg id="svg-root"
+  width="100%" height="100%" viewBox="0 0 400 300"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns:html="http://www.w3.org/1999/xhtml">
+  <g id="testmeta">
+    <title>Paint: paint server transform for 'context-fill' based on nearest 'use' ancestor</title>
+    <html:link rel="author"
+          title="Stefan Zager"
+          href="mailto:szager@chromium.org"/>
+  </g>
+
+  <defs>
+    <pattern id="grid" x="0" y="0" width="0.125" height="0.25" stroke="blue" stroke-width="0.03125" patternContentUnits="objectBoundingBox">
+      <path fill="none" d="M 0.0625 0 l 0.0625 0.125 l -0.0625 0.125 l -0.0625 -0.125 Z"/>
+    </pattern>
+  </defs>
+
+  <g id="test-reference">
+    <rect x="69" y="113" width="256" height="128" fill="url(#grid)"/>
+  </g>
+</svg>
diff --git a/svg/painting/reftests/paint-context-008.svg b/svg/painting/reftests/paint-context-008.svg
@@ -0,0 +1,33 @@
+<svg id="svg-root"
+  width="100%" height="100%" viewBox="0 0 400 300"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  xmlns:html="http://www.w3.org/1999/xhtml">
+  <g id="testmeta">
+    <title>Paint: paint server transform for 'context-fill' based on nearest 'use' ancestor</title>
+    <html:link rel="author"
+          title="Stefan Zager"
+          href="mailto:szager@chromium.org"/>
+    <html:link rel="help"
+          href="https://www.w3.org/TR/SVG2/painting.html#SpecifyingPaint"/>
+    <html:link rel="match"  href="paint-context-008-ref.svg" />
+  </g>
+
+  <defs>
+    <pattern id="grid" x="0" y="0" width="0.125" height="0.25" stroke="blue" stroke-width="0.03125" patternContentUnits="objectBoundingBox">
+      <path fill="none" d="M 0.0625 0 l 0.0625 0.125 l -0.0625 0.125 l -0.0625 -0.125 Z"/>
+    </pattern>
+
+    <g id="shapes">
+      <rect x="50" y="90" width="256" height="128" fill="context-fill"/>
+    </g>
+
+    <g id="intermediate">
+      <use x="19" y="23" fill="url(#grid)" xlink:href="#shapes"/>
+    </g>
+  </defs>
+
+  <g id="test-body-content">
+    <use xlink:href="#intermediate"/>
+  </g>
+</svg>
