transform-box-svg-2a.svg 436 B

1234567891011
  1. <svg xmlns='http://www.w3.org/2000/svg'>
  2. <g transform="translate(30,30)">
  3. <!-- transform-origin specifies a point relative to the top left of the
  4. element's paint bbox when transform-box is set to 'fill-box'
  5. -->
  6. <rect x='10' y='10' width='100' height='100' fill='blue' stroke-width='20' stroke='black'
  7. style="transform:rotate(90deg); transform-origin:0px 100px;
  8. transform-box:fill-box;"/>
  9. </g>
  10. </svg>