text-path-transformed-002.html (649B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <style> 4 #rotated-anchor { 5 transform: rotate(36deg); 6 transform-origin: 150px 190px; 7 } 8 </style> 9 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 10 <link rel="author" title="Mozilla" href="https://mozilla.org"> 11 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1998071"> 12 <link rel="match" href="text-path-transformed-002-ref.html"> 13 <svg width="400" height="200" viewBox="-150 0 600 200"> 14 <path id="rotated-anchor" d="M 20 200 A 125 125 0 0 1 289 175" fill="none" stroke="black"/> 15 <text> 16 <textPath href="#rotated-anchor">XXXX</textPath> 17 </text> 18 </svg>