WebKit Bugzilla
New
Browse
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
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
Details
View All
Add attachment
proposed patch, testcase, etc.
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
<
rdar://problem/31722981
>
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.
Top of Page
Format For Printing
XML
Clone This Bug