transform-box-svg-2b.svg 522 B

123456789101112
  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 fill bbox when transform-box is set to 'fill-box', with
  5. percentage values resolved against the size of the fill bbox.
  6. -->
  7. <rect x='10' y='10' width='100' height='100' fill='blue' stroke-width='20' stroke='black'
  8. style="transform:rotate(90deg); transform-origin:0px calc(110% - 10px);
  9. transform-box:fill-box;"/>
  10. </g>
  11. </svg>