transform-origin-svg-2a.svg 310 B

12345678
  1. <svg xmlns='http://www.w3.org/2000/svg'>
  2. <g transform="translate(30,30)">
  3. <!-- transform-origin specifies a point in user space -->
  4. <rect x='10' y='10' width='100' height='100' fill='blue' stroke-width='20' stroke='black'
  5. style="transform:rotate(90deg); transform-origin:10px 110px;"/>
  6. </g>
  7. </svg>