Add anchor-rotation test

linev · linev · commit 0b075cde01d6 · 2024-10-31T13:14:41.000+01:00
diff --git a/test/common/tests.js b/test/common/tests.js
@@ -1,5 +1,6 @@
 window.tests = [
   'anchor',
+  'anchor-rotation',
   'attribute-style-precedence',
   'clippath',
   'clippath-empty',
diff --git a/test/specs/anchor-rotation/reference.pdf b/test/specs/anchor-rotation/reference.pdf
diff --git a/test/specs/anchor-rotation/spec.svg b/test/specs/anchor-rotation/spec.svg
@@ -0,0 +1,29 @@
+<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg">
+
+  <circle cx="150" cy="150" r="3" fill="red"/>
+
+  <a transform="translate(150,150)" href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform?value=0#rotate">
+    <text dy="0.2em" transform="rotate(0) translate(40)" font-size="20">rotate(0)</text>
+  </a>
+
+  <a transform="translate(150,150)" href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform?value=60#rotate">
+    <text dy="0.2em" transform="rotate(60) translate(40)" font-size="20">rotate(60)</text>
+  </a>
+
+  <a transform="translate(150,150)" href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform?value=120#rotate">
+    <text dy="0.2em" transform="rotate(120) translate(40)" font-size="20">rotate(120)</text>
+  </a>
+
+  <a transform="translate(150,150)" href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform?value=180#rotate">
+    <text dy="0.2em" transform="rotate(180) translate(40)" font-size="20">rotate(180)</text>
+  </a>
+
+  <a transform="translate(150,150)" href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform?value=240#rotate">
+    <text dy="0.2em" transform="rotate(240) translate(40)" font-size="20">rotate(240)</text>
+  </a>
+
+  <a transform="translate(150,150)" href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform?value=300#rotate">
+    <text dy="0.2em" transform="rotate(300) translate(40)" font-size="20">rotate(300)</text>
+  </a>
+
+</svg>
