RESOLVED FIXED 171027
Root SVG in CSS should transform around 50% 50%
https://bugs.webkit.org/show_bug.cgi?id=171027
Summary Root SVG in CSS should transform around 50% 50%
Dean Jackson
Reported 2017-04-19 18:28:33 PDT
data:image/svg+xml,<svg%20xmlns="http://www.w3.org/2000/svg"%20width="200"%20height="200"%20style="border:%205px%20solid%20red"><rect%20x="50"%20y="50"%20width="100"%20height="100"/></svg> shows that the root SVG can be treated as a CSS box however, if you put a transform on: data:image/svg+xml,<svg%20xmlns="http://www.w3.org/2000/svg"%20width="200"%20height="200"%20style="transform:rotate(45deg);%20border:%205px%20solid%20red"><rect%20x="50"%20y="50"%20width="100"%20height="100"/></svg> You'll see it is being rotated with the SVG value of transform origin. The same occurs for embedded SVGs. Other browsers do this with a 50% 50% transform origin.
Attachments
bad test (175 bytes, image/svg+xml)
2017-04-19 18:32 PDT, Dean Jackson
no flags
Dean Jackson
Comment 1 2017-04-19 18:32:36 PDT
Loading a standalone SVG file works ok though, confusingly.
Dean Jackson
Comment 2 2017-04-19 18:32:57 PDT
Created attachment 307538 [details] bad test
Radar WebKit Bug Importer
Comment 3 2017-04-19 18:33:31 PDT
Dirk Schulze
Comment 4 2018-07-21 02:19:25 PDT
Dean: The example looks the same in Firefox. Can this get closed?
Note You need to log in before you can comment on or make changes to this bug.