Chrome Version       : 64.0.3282.119
URLs (if applicable) :
Other browsers tested:
  Chrome Version       : 63.??? (it was working fine before update)

What steps will reproduce the problem?
1. make a SVG with several elements (a square or a rectangle bigger than the viewBox and not centered)
2. decrare the svg inline in a html page
3. animate a rotate 45deg with CSS targetting the square ex : svg rectangle {    transform: rotate(45deg);}
4. change the transform-origin of the rectangle (try diferents x/y params : 0 0; then 50% 50%; or 100% 100%). 

What is the expected result?
The rotate axis nead to be calculated on the reactangle targetted without interference of the viewBox size, 0 0 correspond to top left of the square and 100% 100% correspond to the bottom right corner of the square. It was working fine in version 63 of chrome.

What happens instead?
In version 64 of chrome the origin is the viewbox instead of the square himself, the rotation is totally unprevisible.


Please provide any additional information below. Attach a screenshot if
possible.


For graphics-related bugs, please copy/paste the contents of the about:gpu
page at the end of this report.

 

Deleted: chrome-64-rotate-origin-issue.png 4.2 KB

	chrome-64-rotate-origin-issue.png 4.2 KB View Download