WebKit Bugzilla
Attachment 371826 Details for
Bug 198746
: [cairo][SVG] If clipPath has multiple elements, clip-path doesn't work with transform
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Requests
|
Help
|
New Account
|
Log In
Remember
[x]
|
Forgot Password
Login:
[x]
test case
clip-x2.html (text/html), 846 bytes, created by
Fujii Hironori
on 2019-06-10 23:11:39 PDT
(
hide
)
Description:
test case
Filename:
MIME Type:
Creator:
Fujii Hironori
Created:
2019-06-10 23:11:39 PDT
Size:
846 bytes
patch
obsolete
><html> ><body style="margin: 0;"> ><svg xmlns="http://www.w3.org/2000/svg" width="350"> ><defs> ><clipPath id="clip1"> > <rect width="200" height="200"/> ></clipPath> ><clipPath id="clip2"> > <rect width="200" height="200"/> > <rect width="200" height="200"/> ></clipPath> ></defs> ><g> > <circle cx="50" cy="50" r="50" fill="green"/> > <circle cx="100" cy="50" r="50" fill="red" /> > <g clip-path="url(#clip1)" opacity=".5"> > <circle cx="50" cy="100" r="50" fill="green"/> > <circle cx="100" cy="100" r="50" fill="red" /> > </g> ></g> ><g transform="translate(200,0)"> > <circle cx="50" cy="50" r="50" fill="green"/> > <circle cx="100" cy="50" r="50" fill="red" /> > <g clip-path="url(#clip2)" opacity=".5"> > <circle cx="50" cy="100" r="50" fill="green"/> > <circle cx="100" cy="100" r="50" fill="red" /> > </g> ></g> ></svg> ></body> ></html>
<html> <body style="margin: 0;"> <svg xmlns="http://www.w3.org/2000/svg" width="350"> <defs> <clipPath id="clip1"> <rect width="200" height="200"/> </clipPath> <clipPath id="clip2"> <rect width="200" height="200"/> <rect width="200" height="200"/> </clipPath> </defs> <g> <circle cx="50" cy="50" r="50" fill="green"/> <circle cx="100" cy="50" r="50" fill="red" /> <g clip-path="url(#clip1)" opacity=".5"> <circle cx="50" cy="100" r="50" fill="green"/> <circle cx="100" cy="100" r="50" fill="red" /> </g> </g> <g transform="translate(200,0)"> <circle cx="50" cy="50" r="50" fill="green"/> <circle cx="100" cy="50" r="50" fill="red" /> <g clip-path="url(#clip2)" opacity=".5"> <circle cx="50" cy="100" r="50" fill="green"/> <circle cx="100" cy="100" r="50" fill="red" /> </g> </g> </svg> </body> </html>
View Attachment As Raw
Actions:
View
Attachments on
bug 198746
: 371826 |
371938
|
371942
|
371944
|
371946
|
372014
|
372015