WebKit Bugzilla
Attachment 371821 Details for
Bug 198701
: [cairo][SVG] Putting multiple path elements in clippath causes rendering artifacts
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Requests
|
Help
|
New Account
|
Log In
Remember
[x]
|
Forgot Password
Login:
[x]
a test case of clip-path and opacity
clip-opacity2.html (text/html), 469 bytes, created by
Fujii Hironori
on 2019-06-10 22:09:46 PDT
(
hide
)
Description:
a test case of clip-path and opacity
Filename:
MIME Type:
Creator:
Fujii Hironori
Created:
2019-06-10 22:09:46 PDT
Size:
469 bytes
patch
obsolete
><html> ><body style="margin: 0;"> ><svg xmlns="http://www.w3.org/2000/svg"> ><defs> ><clipPath id="clip"> > <rect width="200" height="200"/> > <rect width="200" height="200"/> ></clipPath> ></defs> ><circle cx="50" cy="50" r="50" fill="green"/> ><circle cx="100" cy="50" r="50" fill="red" /> ><g clip-path="url(#clip)"> > <circle cx="50" cy="100" r="50" fill="green" opacity=".5" /> > <circle cx="100" cy="100" r="50" fill="red" opacity=".5" /> ></g> ></svg> ></body> ></html>
<html> <body style="margin: 0;"> <svg xmlns="http://www.w3.org/2000/svg"> <defs> <clipPath id="clip"> <rect width="200" height="200"/> <rect width="200" height="200"/> </clipPath> </defs> <circle cx="50" cy="50" r="50" fill="green"/> <circle cx="100" cy="50" r="50" fill="red" /> <g clip-path="url(#clip)"> <circle cx="50" cy="100" r="50" fill="green" opacity=".5" /> <circle cx="100" cy="100" r="50" fill="red" opacity=".5" /> </g> </svg> </body> </html>
View Attachment As Raw
Actions:
View
Attachments on
bug 198701
:
371716
|
371717
|
371718
|
371720
|
371722
| 371821 |
371822
|
371824
|
371837
|
371838
|
371917