Attachment 371716 Details for Bug 198701 – clip-path.html

clip-path.html

clip-path.html (text/html), 696 bytes, created by Fujii Hironori on 2019-06-09 20:15:06 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Fujii Hironori

Created: 2019-06-09 20:15:06 PDT

Size: 696 bytes

patch

obsolete

<html>
  <head>
    <style>
      body {
	  padding: 50px;
	  background: pink;
      }
      div {
	  display: inline-block;
	  border: solid blue 10px;
	  background: green;
      }
    </style>
  </head>
  <body>

    <div>
      <svg height="500" version="1.1" viewBox="0 0 36 36" width="500">
	<defs>
	  <clippath id="simpler-clippath">
            <!-- It does seem to require at least two clip paths, one works as expected (it seems) -->
            <path d="M 0,16 36,16 36,0 0,0 Z"></path>
            <path d="M 0,20 36,20 36,36, 0,36 Z"></path>
	  </clippath>
	</defs>
	<path clip-path="url(#simpler-clippath)" d="M0,0 L36,0 L36,36 Z"></path>
      </svg>
    </div>
  </body>
</html>

Actions: View

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