Repository: flutter
Issue: [HTML/Web] Incorrect `clip-path` with `backdrop-filter` result on Chrome
Labels: platform-web,c: rendering,e: web_html,has reproducible steps,P3,has partial patch,found in release: 3.10,found in release: 3.12,team-web,triaged-web

Hi, this is an issue reported by the [Dora AI](https://www.dora.run/ai) team, which uses flutter web to build a 3d website in just a few seconds.

### Is there an existing issue for this?

- [X] I have searched the [existing issues](https://github.com/flutter/flutter/issues)
- [X] I have read the [guide to filing a bug](https://flutter.dev/docs/resources/bug-reports)

### Steps to reproduce


1. clone this repo with the `fix/2` branch: https://github.com/Kingtous/dora_demo/tree/fix/2
2. run this project `flutter run -d chrome --web-renderer html`
3. show the result, open the same URL with Safari.

And the result shows:
![image](https://github.com/flutter/flutter/assets/39793325/98125281-3ddc-4aad-b382-5e1b6a4cc339)


### Expected results

The expected result is what Safari shows.

### Actual results

The actual result is what Chrome shows.

### Code sample

<details><summary>Code sample</summary>

```dart
import 'dart:ui';
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(body: Demo()),
    );
  }
}

class Demo extends StatelessWidget {
  const Demo({super.key});
  @override
  Widget build(BuildContext context) {
    var innerBox = Padding(
      padding: const EdgeInsets.all(8.0),
      child: SizedBox(
        width: 100,
        height: 100,
        child: ClipPath(
          clipper: CustomClipPath(),
          child: BackdropFilter(
            filter: ImageFilter.blur(sigmaX: 100, sigmaY: 100),
            child:  ColoredBox(
              color: Colors.blue.withAlpha(200),
              child: Center(child: Text("test")),
            ),
          ),
        ),
      ),
    );
    var outerBox = SizedBox(
      width: 200,
      height: 200,
      child: ClipPath(
        clipper: CustomClipPath(),
        child: BackdropFilter(
          filter: ImageFilter.blur(sigmaX: 100, sigmaY: 100),
          child: Container(
            color: Colors.yellow.withAlpha(100),
            child: Stack(
              children: [
                innerBox,
              ],
            ),
          ),
        ),
      ),
    );
    return Container(
      margin: EdgeInsets.all(16.0),
      child: Stack(
        children: [
          Container(
            width: 300,
            height: 300,
            decoration: BoxDecoration(
              image: DecorationImage(image: 
                NetworkImage("https://t7.baidu.com/it/u=2291349828,4144427007&fm=193&f=GIF")
              )
            ),
          ),
          // Padding(
          //   padding: const EdgeInsets.all(8.0),
          //   child: outerBox,
          // ),
          innerBox
        ],
      ),
    );
  }
}

class CustomClipPath extends CustomClipper<Path> {
  var radius=5.0;
  @override
  Path getClip(Size size) {
    Path path = Path();
    path.lineTo(size.width / 2, size.height);
    path.lineTo(size.width, 0.0);
    return path;
  }
  @override
  bool shouldReclip(CustomClipper<Path> oldClipper) => true;
}

```

</details>


### Screenshots or Video

<details>
<summary>Screenshots / Video demonstration</summary>

![image](https://github.com/flutter/flutter/assets/39793325/3be12945-a20a-43cd-91fc-e7163ed52a1c)

</details>


### Logs

<details><summary>Logs</summary>

```console
No additional logs.
```

</details>


### Flutter Doctor output

<details><summary>Doctor output</summary>

```console
[✓] Flutter (Channel stable, 3.10.5, on macOS 13.4.1 22F82 darwin-x64, locale zh-Hans-CN)
    • Flutter version 3.10.5 on channel stable at /Users/kingtous/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 796c8ef792 (3 weeks ago), 2023-06-13 15:51:02 -0700
    • Engine revision 45f6e00911
    • Dart version 3.0.5
    • DevTools version 2.23.1
    • Pub download mirror https://pub.flutter-io.cn
    • Flutter download mirror https://storage.flutter-io.cn

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.2)
    • Android SDK at /Users/kingtous/Library/Android/sdk
    • Platform android-33, build-tools 33.0.2
    • Java binary at: /usr/local/opt/openjdk@11/bin/java
    • Java version OpenJDK Runtime Environment Homebrew (build 11.0.19+0)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 14.3.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 14E300c
    • CocoaPods version 1.12.1

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[!] Android Studio
    • Android Studio at /Users/kingtous/Library/Application
      Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/222.4459.24.2221.9526055/Android Studio Preview.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    ✗ Unable to find bundled Java version.
    • Try updating or re-installing Android Studio.

[✓] VS Code (version 1.79.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.66.0

[✓] VS Code (version 1.78.2)
    • VS Code at /Volumes/macOS-ssk/Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.66.0

[✓] Connected device (2 available)
    • macOS (desktop) • macos  • darwin-x64     • macOS 13.4.1 22F82 darwin-x64
    • Chrome (web)    • chrome • web-javascript • Google Chrome 114.0.5735.198
```

</details>