combining svg origin with transform origin

[catico]

Hi all, 

 

I have svg with couple of rectangles and I would like to scale them randomly while hovering with respect to the svg origin. At the same time I would them to rotate individually around their axis.

The problem is that either transform origin gets overwritten by svg origin or vice versa.

 

See the pen . 

The rotation is commented out.

 

Thanks a lot for any suggestions!

See the Pen RRowRx by anon (@anon) on CodePen

[OSUblake]

Just wrap your shapes in a group. Now you have two origins you can work from.

See the Pen gMLpKR?editors=0010 by osublake (@osublake) on CodePen

[catico]

Awesome, thanks a lot!