Attachment 371824 Details for Bug 198701 – test case of clip-path and opcity comparing simgle and multiple clipper objects

test case of clip-path and opcity comparing simgle and multiple clipper objects

clip-opacity4.html (text/html), 876 bytes, created by Fujii Hironori on 2019-06-10 22:32:20 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Fujii Hironori

Created: 2019-06-10 22:32:20 PDT

Size: 876 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)">
    <circle cx="50" cy="100" r="50" fill="green" opacity=".5" />
    <circle cx="100" cy="100" r="50" fill="red"  opacity=".5" />
  </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)">
    <circle cx="50" cy="100" r="50" fill="green" opacity=".5" />
    <circle cx="100" cy="100" r="50" fill="red"  opacity=".5" />
  </g>
</g>
</svg>
</body>
</html>

Actions: View

Attachments on bug 198701: 371716 | 371717 | 371718 | 371720 | 371722 | 371821 | 371822 | 371824 | 371837 | 371838 | 371917