UserAgent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.82 Safari/537.36

Steps to reproduce the problem:
1. Create a g element with a rotate transform
2. Inside the g element, add an svg element that contains a rect with a fill

What is the expected behavior?
The edges should be smooth.

What went wrong?
The edges are jagged. Rotating the rect element directly results in a smooth border, but rotating the svg element containing the rect results in a jagged border. So this doesn't appear to be a problem with Chrome's antialiasing behavior in general - just when an svg element is rotated.

Did this work before? N/A 

Chrome version: 52.0.2743.82  Channel: stable
OS Version: 10.0
Flash Version: Shockwave Flash 22.0 r0

Please see this example:
http://codepen.io/ucimeup/pen/AXPEdA