title: Flutter Web: ClipPath widget not working on web on iOS
body: <p>I have an application that needs to use the ClipPath widget so I can define a custom path.</p>
  <p>I have the following code for the custom clipper:</p>
  <pre><code>class RectClipper extends CustomClipper&lt;Path&gt; {
  
    @override
    Path getClip(Size size) {
      Path path = Path();
      path.lineTo(0, size.height - 100);
      path.lineTo(size.width / 2, size.height);
      path.lineTo(size.width, size.height - 100);
      path.lineTo(size.width, 0);
      path.close();
      return path;
    }
  
    @override
    bool shouldReclip(CustomClipper&lt;Path&gt; oldClipper) =&gt; true;
  }
  </code></pre>
  <p>An this code where I apply the clipper to the image</p>
  <pre><code>ClipPath(
    clipper: RectClipper(),
    clipBehavior: Clip.hardEdge,
    child: Image.network(&quot;https://source.unsplash.com/user/erondu/800x500&quot;),
  ),
  </code></pre>
  <p>So based on this code, this is what I can see on the web on my Mac or Windows, as well as in the iOS and Android apps:</p>
  <p><a href="https://i.stack.imgur.com/lyhyl.jpg" rel="nofollow noreferrer">No issue on web on desktop</a></p>
  <p>However, on web - Safari, Chrome and Firefox, on iOS, the ClipPath widget does not seem to work:</p>
  <p><a href="https://i.stack.imgur.com/kbjhw.png" rel="nofollow noreferrer">Issue on web on iOS</a></p>
  <p>I have tested the other Clip widgets e.g. ClipRect and ClipOval, and they seem work just fine.</p>
  <p>Thank you for your help!</p>