Attachment 371720 Details for Bug 198701 – clip-path-3.html

clip-path-3.html

clip-path-3.html (text/html), 768 bytes, created by Fujii Hironori on 2019-06-09 22:04:27 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Fujii Hironori

Created: 2019-06-09 22:04:27 PDT

Size: 768 bytes

patch

obsolete

<html>
  <head>
    <style>
      body {
	  background: pink;
      }
      div {
	  border: solid blue 2px;
	  background: green;
	  font-size: 100px;
      }
    </style>
  </head>
  <body>
    <div>
      0123456789<br>
      abcdefg<br>
      hijklmn<br>
      opqrstu<br>
      vwxyz<br>
    </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>
      <circle clip-path="url(#simpler-clippath)" cx="18" cy="18" r="15"></circle>
    </svg>

  </body>
</html>

Actions: View

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